How to create rounded corners on images in the Editor

If you have seen our pre-designed "Meet Our Team" row, you may have noticed all the profile images are automatically round. 

Team1.jpg

Did you know you can make any image round in the Mono Editor? You only need to set the Border Radius on all sides. The amount of pixels you need to set the border radius with depends on the size of the image - the bigger the image, the higher the number for the border radius. For small pictures, like in the Teams section above, 120 px will do.

 

Step 1: Open the image module by clicking the pencil icon in the top left corner

Team2.jpg

 

Step 2: Open the "Border Radius" section in the Image Module Overlay, and set the Border Radius value to 120. 

Team 4.jpg

Was this article helpful?
0 out of 0 found this helpful