I added the Product gallery element and styled the thumbnail border radius to 24px but didn’t work. I inspected the page, and I saw the border-radius is active but I still wonder what’s wrong and preventing the radius/styling from taking effect.
Below is a link to check. Denim Africa – Asyn (projecth.xyz)
Hi @abey,
I can see the 24px border-radius on the link you shared:
No,
That’s not what I’m referring to. Look at the screenshot below.
You need an overflow: hidden
overflow: hidden
Hi,
I was able to inspect and locate where to add the border-radius.
So, you can copy this class below and write the border-radius styling for it.
.brxe-product-gallery.thumbnail-slider .brx-product-gallery-thumbnail-slider .woocommerce-product-gallery__image img
