Border radius gap around image

[threeoten]

In an image element I am using the inner and outter border radius settings all at 999px to make the image perfectly round, then applying a 0.6em thick solid border around it. This results in a small but noticeable gap between the solid border and the image, only seen at the bottom. Please see this screenshot: https://screencast.com/t/ykn174r6jh

How can I get rid of this gap?
thanks

[Prasant]

Hello @threeoten,

Thanks for writing in!

Please change the width of border from 0.6em to 0.5em and that should fix the issue of gap in bottom section of image.

Thanks.

[threeoten]

Thanks, but changing the size of the border just moves the gap around to different spots. I found that the problem is that the default background color for the image element is transparent, thus showing the gap… I just made the background color the same as the border color… solved.

[nabeel]

Hi @threeoten,

We’re glad you managed to fix the issue on your own.

Cheers!