Add a Border Radius to Images

gianluk74 · January 2018

Hy,
I inserted the
following CSS code, into the Betheme Option section - Custom CSS, to make the angles of the images round, but it works
only for the top corners and not those at the bottom and only from the
desktop.
img{
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
}

what would be the exact code for curving or rounding the corners of the images?
or is there a function provided in the Theme?
Thank you!

Bryan · January 2018

Hi,
sorry but there is not option for that. This could not work because the img {} selector is not strong enough. You could have to decare it for each image individually.
thanks

gianluk74 · January 2018

Ok.
How to declare it for each image individually?
Thank you!

Bryan · January 2018

By that I meant that you need to add styles to each image you add into your content individually. Try making a custom class like .roundedborder { border-radius:5px !important;} and use it in the builder for each image.

gianluk74 · February 2018

Added as you suggested:

Custom | Classes
Custom CSS Item Classes Names
.roundedborder { border-radius:5px !important;}

in the Image builder section, but doesn't work.
another solution?
Thanks!

Bryan · February 2018

Please send a link to this page and point to this image, we will check the css.
thanks

Add a Border Radius to Images

Comments