Okay
  Public Ticket #2549533
Padding on Woocommerce
Closed

Comments

  • oswaldopz started the conversation
    September 24, 2020 at 12:41pm

    The Padding between Items is none, actually when you hover the top right product the white effect cover the search information. 

    Can you please provide me a code to have more space between my products. 

    Thanks! 

     

  •  2,965
    Andrew replied
    September 25, 2020 at 6:23am

    Hi there,

    Use the following custom css:

    .woocommerce ul.products[data-product-style]:not([data-n-desktop-columns="default"]) li.product, .woocommerce ul.products[data-product-style]:not([data-n-desktop-small-columns="default"]) li.product, .woocommerce ul.products[data-product-style]:not([data-n-tablet-columns="default"]) li.product, .woocommerce ul.products[data-product-style]:not([data-n-phone-columns="default"]) li.product {
    margin: 20px;
}

    Kind regards.

  • oswaldopz replied
    September 25, 2020 at 8:44am

    Sorry Andrew but nothing changed. 

  •  2,965
    Andrew replied
    September 25, 2020 at 10:26am

    Hi there,

    Add the following css and it should works.

    .woocommerce ul.products[data-product-style]:not([data-n-desktop-columns="default"]) {
    padding-top: 30px;
}

    How it looks;

    5837440032.png


    Thanks.