Reduce spacing between widgets in sidebar in storefront & WOOF

  • Resolved raymondhcw

    (@raymondhcw)


    8 years, 3 months ago

    Hi all,

    How to reduce spacing between widgets in the right sidebar? Please see http://104.199.133.150/en/products-2/
    The top search field is generated from storefront theme. The second and third fields (Search Product, Product Categories) are generated from WOOF – WooCommerce Products Filter.

    Many thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • codeManiac

    (@codemaniac)

    8 years, 3 months ago

    Hey raymondhcw !

    You can reach your goal by adding the following to your style.css 

    .widget {
   margin-bottom: 3em;
}

    ofc change the 3em with what you think is a good distance 🙂

    oh yeah next time don’t paste your server ip, use the domain name, just for the good of your website security 🙂

    Cheers !

    Thread Starter raymondhcw

    (@raymondhcw)

    8 years, 3 months ago

    Thanks codeManic!

    I can reduce the spacing of the first two widgets. But the second and third widgets cannot. http://104.199.133.150/en/products-2/
    What should I do?

    Thanks for your advice! But I haven’t registered the domain name yet.

    codeManiac

    (@codemaniac)

    8 years, 3 months ago

    Hey again raymond !

    You couldn’t because 2nd and 3rd are 1 widget not 2 widgets 🙂
    and to change distance between what you thought are 2 widgets simply paste the following 

    .woof_container {
    padding-bottom: 7px;
}

    and again it s up to you to decide the best value for the padding-bottom 🙂

    let me know if achieved your goal 🙂

    Thread Starter raymondhcw

    (@raymondhcw)

    8 years, 3 months ago

    Thanks codeManiac !

    It works !!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Reduce spacing between widgets in sidebar in storefront & WOOF’ is closed to new replies.