Image radius - Image frame slide bottom style
Hi,
I use a small radius for product image, but when I use the slide bottom style (image frame), the bottom radius dissappears. Is there a way (css code for example) to fix this?
Thanks!
G.
Comments
Hi,
Can you tell me where you set this border-radius, please?
Moreover, please, disable the Autoptimize plugin because I need to check your website with it disabled.
Thanks
Hi!
Ok, autoptimize disabled. The radius is set as CSS code:
img.scale-with-grid, #Content img {
max-width: 100%;
height: auto;
border-radius: 15px;
I only have this problem when using "slide bottom" style. I used to have the "modern overlay" and it was fine. I feel like the image is cut a little bit at the bottom when using the "sldie bottom" style.
Thank you in advance.
G.
You can use the following CSS code:
.products .image_wrapper{ border-radius: 15px; }However, we are releasing an update where you will be able to set it in the Shop Products element options.
The update should be available today.
Best regards
Perfect Thank you Phil!