Can't set border radius for v2 element image

[OmarC1014]

Hi Support,

I’m unable to set the border-radius for v2 element image.

• I’ve set a border (1px solid)
• Tried using CSS styling

but nothing works… Please assist,

Website: www.oneaccord.tv

Thank you

[OmarC1014]

Never mind I figured it out. For the life of me, I didn’t realize there was an inner and outer border-radius.

[kory]

Hey @OmarC1014,

Thanks for writing in and we’re glad to hear that you managed to get everything working! Yes, the image does have these 2 ways to adjust the border-radius to accommodate how users setup the image. The outer version will adjust any physical border / padding added to the image container, and the inner version will adjust the border radius of the image inside the container. Take the following example where we have added 10px of padding to the image container and given a slight box-shadow to see it visually. If we add 10px of border-radius to both the container and the image, you will notice that the border-radius of the image seems to be more drastic than the container, and doesn’t quite match as you might expect:

However, if we bump the Inner Border Radius of the image down to 5px, we now find the radius of both the container and the image match much better:

This can be taken and adjusted as needed depending on your situation and how you wish to style your elements. Hopefully this helps to give a little more context and point you in the right direction.

Cheers!