Image Border Radius not working on image

[Luxamman]

Seems that the border radius is only working on borders - but not on images.

[yehudah]

Can you screenshot or give more details about what you defined ?

[Luxamman]

When you put a "Image Widget" into an area, you can only style the element but not the image with a boarder and a boarder radius. so the images are sometimes smaller than the boarder and the corners are not "rounded" (boarder radius).
workaround is to set the picture as a section background and round the corners with the "boarder radius", but that way brings also problems with it.

[yehudah]

You are correct,

The border options will be added in future versions.

[arielk]

Done 7656028

[yt5ytt]

Yeah... I had same issue right now... Don't add image on it, but add background-image on empty widget and then go to border option and use border-radius on that widget.

[sussexslanter]

Same issue I think, in this case the image is larger than the border, and therefore the border effects are out of step with the image that is supposed to be highlighted on hover. Brown border, left image. Can't imagine this is difficult to resolve, what do I need to do?

[emre-edu-tech]

The easiest way to solve this problem (This is a problem because for Elementor every widget is in one or more div tags so you can set a class from the Advanced tab like img-container then you can put the CSS below in your child theme Style.css file.

.img-container img {
     border-radius: 10px;
}

Make the image as background is also a good solution but sometimes it really needs to be an image so the CSS above should work.