[Resolved] Remove spacing between woocommerce products

[Matthieu]

Hello, is it possible to remove the small margin between the products so that they are really glued?

In Personalization> Layout> woocommerce> The spacing between columns is well set to 0px but there is still a slight margin.

Thanks.

[Elvin]

Hi,

I’m not exactly sure what you mean. The products seem to be “glued” together horizontally.

To clarify: Do you mean the small gap under the products?

If so, that’s usually the gap caused by the anchor tag’s line-height.

Here’s the CSS to remove it:

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    line-height: 0;
}

[Matthieu]

It’s perfect, thanks !

[Elvin]

No problem. 😀

[Author]

Posts