Docs

[Ying-Fu Li]

Hi,

On this page I have set a custom woocommerce shop: http://www.dehartenvriend.nl/hartenwinkel/

Now I want to have some padding so that the images on the three categories are not aligned against the top but have a small pad like left and right. I know I can adjust it with following code:

woocommerce li.product {
    background-color: rgba(255,255,255,0.6);
    border-radius: 4px;
  	border: 0px solid #9c8baf;
    box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.133);
    float: left;
    margin: 0 4% 4.5% 0;
    overflow: hidden;
    <strong>padding: 15px;</strong>
    position: relative;
}

but that also affects the products on a products page and I don’t want that 😉 Please help!

[Ying-Fu Li]

Found it!

[Rahul]

Glad you’ve sorted it out for yourself.

Let us know if we can help with anything else.

Thank you.

[Author]

Posts