Avada Forums Community Forum How to make a round picture

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • genbl
    Participant
    Post count: 5

    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
    Participant
    Post count: 873

    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
    Participant
    Post count: 5

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

    vishnulegna
    Participant
    Post count: 1

    It worked thanks

    marklchaves
    Participant
    Post count: 873

    Cool, @vishnulegna!

    Thanks for sharing that 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.