0

I am currently building my first wordpress website and it is a lot of fun to do! I have 1 problem which i am unable to fix: i want to have 2 widgets in the underheader, i can simply put them in there in the dashboard but somehow the position of the 2nd widget (in this case a searchbar) is not where i want it and no matter what i try in the stylesheet (margin, padding etc) i cant get it at the right position.. Can somebody please help me to fix this problem? Thank you very much in advance!

Here is a link to the beta version of the site to show what the problem is: http://www.999cent.com/?ign_skip=beta

The searchbar becomes the right size if i move it more to the left but i need it to be more to the right and next to the filter as well.

Here is the current style.CSS:

*/

div#feedbackTabOuter {
    z-index: 999;
}
.widget form {
    align:left;
}
.feedbacklink {
    padding-top: 5px;
}
.product-feedbacklink {
    margin-left: 15px;
    float: left;
}

ul.products li.product .button.product_type_simple {
    display: none;
}
.quantity {
    display: none;
}
.navbar-custom .nav li > a {
    font-size: 10px;
}
.xoo-qv-container {
    border-radius: 12px;
}
.xoo-qv-opac {
    opacity: 0.2;
}
.xoo-qv-button {
    width: 50%;
}

.add-to-cart-button-wrap {
    display: none;
}
.quick_view_product_simple_addtocart_container.quick_view_product_addtocart_button_container {
    display: none;
}
div#cboxOverlay {
    opacity: 0.2 !important;
}

#woocommerce_price_filter-8 {
    display: block;
    width: 50%;
}
#autocomplete-3 {
    display: block;
    width: 22%;
}
li:before {
    display: none;
}

.bg-dark {
    background-color: #3a3a3a !important;
}
body.custom-background {
    background-color: #3a3a3a !important;
}
.module-small.bg-dark.shop_isle_footer_sidebar {
    padding-top: 10px;
    Padding-bottom: 15px;
}
footer.footer.bg-dark {
    display: none;
}
.navbar-custom .nav > li > a:hover, .navbar-custom .nav .open > a, .navbar-custom .nav .open > a:hover {
    color: #018c6d;
}
.woof_products_top_panel li a {
    display: none;
}
.navbar-custom .nav li > a {
    color: #777;
}
.navbar-cart-inner {
    display: none;
}
.header-search {
    display: none;
}
.widget input[type=search], .widget input:not([type=submit]), .widget textarea {
    width: 22%;
}
.widget input[type=submit] {
    padding: 8px 25px;
}



**@media screen and (max-width: 3000px) {
    li#woocommerce_price_filter-8 {
        padding-top: 85px;
        padding-left: 10%;
        padding-right: 15%;
        margin-left: 15px;
        margin-right: none;
        margin-bottom: 15px;
        background-color: #3a3a3a;
    }
    li#autocomplete-3 {
        padding-top: 150px;
        padding-left: 95%;
        padding-right: 5%;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 15px;
        background-color: #3a3a3a;

    }**

}

.widget {
list-style: none;
}
h2.widgettitle {
    display: none;
}
section.woocommerce-page-title.page-header-module.module.bg-dark {
    display: none;
}
.page-header-module.module {
    padding: 0px 0 0px;
}
.navbar-custom {
    background-color: #ffffff;
}
.page .navbar-custom {
    background-color: #ffffff !important;
}
.onsale {
    min-width: 90px !important;
    min-height: 90px !important;
    border-radius: 50px !important;
    padding: 15px !important;
    background-color: #018c6d !important;
}
  • Can you post the code part from the template file which outputs the widget area? Please also add your code with the call to register_sidebar(). – JHoffmann Jan 24 '17 at 13:22
0

this should kind of get you near to where you need to be.

You need to add a float:left to li#woocommerce_price_filter-8 and change margin-right:none to margin-right:0.

Then you need to change the padding-top on li#autocomplete-3 to roughly 90px. Let me know if this helps!

  • Thank you very much for your help, but sadly it does not change anything as far as i can see. I added the style.CSS to my original question perhaps you can see were i go wrong in there? Thanks again! – NickvdMee Jan 24 '17 at 18:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.