Archived topic
How to adjust white space between product images on Woocommerce Shop Page?
3 replies · Started by bluebit on October 30, 2019
Viewing posts 1–4 of 4
I'd like to reduce the white space in between the product images also known as the gutter space on the Woocommerce Shop Page, how do I do this?
Hi there,
this CSS will reduce the grid gap:
.wc-columns-container .products,
.woocommerce .related ul.products,
.woocommerce .up-sells ul.products {
grid-gap: 20px;
}thank you that worked, ok so its also called grip gap, cool :)
GP uses CSS Grid for the Woo columns, so it only applies there - can't just add it to any type of layout :)
You're welcome
This archived topic is closed to new replies.
