Skip to main content
Known Participant
Dec 20, 2018 8:22 PM UTC
Answered

Why the circular image?

The image at the bottom that says "Placeholder Picture" is round, but the image is a regular. Why is there a circle clipping out part of the square?

All Together Now

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Jon Fritz
    Jon FritzCorrect answer
    Community Expert
    Dec 20, 2018 8:26 PM UTC

    That's round because the image uses the profile-img class. That class gives a 50% border-radius in the css turning the square container into a circle.

    3 replies

    Known Participant
    Jan 16, 2019 8:46 PM UTC

    Thanks Jon and Nancy!

    Translate
    Nancy OShea
    Community Expert
    Community Expert
    Dec 20, 2018 8:47 PM UTC
    1. Open your site in a browser like Firefox or Chrome. 
    2. Right-click on an element and select Inspect Element. 
    3. The developer panel shortcut is F12.

    Translate
    Nancy O'Shea— Product User & Community Expert
    Jon Fritz
    Community Expert
    Jon FritzCommunity ExpertCorrect answer
    Community Expert
    Dec 20, 2018 8:26 PM UTC

    That's round because the image uses the profile-img class. That class gives a 50% border-radius in the css turning the square container into a circle.

    Translate