How to make a round picture

[genbl]

#680099

Hello, I’m new to this. I’m trying to add a picture in a testimonial that is round. I tried adding a radius but it doesn’t make a full circle. I do not see the option anywhere.. Could anyone tell me where is the option? Thanks!

[marklchaves]

#680291

I tried adding a radius but it doesn’t make a full circle.

Did you use a square formatted image?

I do not see the option anywhere.. Could anyone tell me where is the option?

I don’t use this myself, but it should be Border Radius on the Image Element. Did you set your Border Radius on the Image Element to 50%? If you did this on a square image, it should work.

If this doesn’t work for some reason, try adding custom CSS.

/* If your image is 1x1 (square), then
   this CSS will create a perfect circle 
   border around your image. */
img {
  border-radius: 50%;
}

Live demo on CodePen https://codepen.io/marklchaves/pen/vYEKOgQ

Good luck!

[genbl]

#680503

Thanks! My picture was rectangle and not square, that fixed it!

[vishnulegna]

#866120

It worked thanks

[marklchaves]

#866241

Cool, @vishnulegna!

Thanks for sharing that 🙂

[Author]

Posts