Woocommerce – Adding space between and under products

  • HI there,

    this is actually my first post here. The forum helped me a lot, but for that problem I can’t seem to find a resolution. Actually I have three problems.

    1. I wanna add space between and underneath the products. Hope you understand what I mean.

    2. My products are to far to the left and I want them centered.

    3. The products are uneven, because of the size of some pictures and the fact that some product names are in 2 lines. Is there a simple resolution to even the buttons out, without changing the pictures? I already did that quite a few times and I had to delete everything. It would be awesome if there is a code or something.

    I hope someone can help me! ??

Viewing 1 replies (of 1 total)

  • Hi,
    This works for me in storefront woocommerce.
    This is how you custom space around the product photos:

    ul.products li.product img {
    display: block;
    margin: 1em 0em 0em 1em;
}

    Just play with the margin numbers, it goes clockwise: top, right, bottom….

    and this is how you customize the space between products:

    .site-main ul.products li.product {
    width: 29.4117647059%;
    float: left;
    margin-right: 2.8823529412%;
}

    play with the margin-right number.

    You put this css code into your style.css file

    I hope I am right and hope that helps.

Viewing 1 replies (of 1 total)
  • The topic ‘Woocommerce – Adding space between and under products’ is closed to new replies.