Thumbnail margin

Hello!

How could I change the space between the thumbnail?

I added a padding-right: 10px CSS to the thumbnails, but In this case there is a 10px space next to the thumbnail on the right (I attach an iamge to better understanding).

How could I disappear that 10px space?

Attachments:

You must be logged in to view attached files.

Hello,

The padding is added to the right side of each thumbnail. So when you increase its value it is displayed for the last one. This is how the padding works.

You can try adding padding to the left and make them equal. Otherwise, it requires customizations.

.woocommerce-product-gallery .thumbnails.owl-carousel .owl-item {
    padding-left: 5px;
}

Best Regards

Yeah, I know how padding works 🙂

If I add 5-5px to the right and to the left side, then there will be a 5-5 px space next to the outsides thumbnails.

I want to display the thumbnials in line with the main image

Attachments:

You must be logged in to view attached files.

Hello,

You can try removing the padding from both sides if you want to make it same with the main image.

Best Regards

[Author]

Posts