Changing shape of picture from square...

User 2796102 Photo


Registered User
66 posts

I am sure there is a way to do this without having to edit the photo in Photoshop but I have not been able to figure this out. Could anyone point me in the right direction. I want the photo to be round not square
User 187934 Photo


Senior Advisor
20,190 posts

Select the styles tab
Scroll down and select Design
Now select Border and Corners.
Click the center of the Radius box to turn on all corners and then set the radius needed.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
14,454 posts

Insert your square image where you want it to appear. Then select corner radius 500px for both x and y. You find radius in the style pane, Design tab, borders and corners
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2885740 Photo


Registered User
60 posts

Or, when using Materialize, add the class "circle" to the square image. And, when using Bootstrap 4 it is "rounded-circle".

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.