Problem with the display of recommended products on the product page

Hello

I have a problem with the display of recommended products on the product page. There are empty spaces between them.
How can I fix this?

https://chiomaroyal.pl/produkt/serce-wolowe-szarpane/

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first {
    clear: none;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thank You
works perfectly

regards

unfortunately this code broke the display on the store’s home page

https://chiomaroyal.pl/kategoria-produktu/pies/

Okay, try to use this CSS code instead of previous:

.woocommerce .upsells ul.products li,
.woocommerce-page .upsells ul.products li {
    clear: none;
}

.woocommerce .upsells ul.products li:nth-of-type(4),
.woocommerce-page .upsells ul.products li:nth-of-type(4) {
    clear: left;
}

Kind Regards, Roman.

Nop, still the same

https://chiomaroyal.pl/kategoria-produktu/pies/

You did not remove the first code that I posted in my first reply of this topic, please remove it and check again.

Kind Regards, Roman.

indeed, my mistake
Now it works, thank you, best regards

You are welcome! :slight_smile:

Kind Regards, Roman.