Circle avatar

Guest · Guest Wed Feb 23, 2022 2:11 pm

How to make circle avatar in the post profile? In this it should be border-radius: 100px?

Administrator · **Administrator** Wed Feb 23, 2022 2:16 pm

For circles, it's always border-radius: 50%;

That will only work for square photos though, not rectangles. To force the avatar to become a square (and in turn a perfect circle), we also add object-fit: cover;

Add both to .author-img img

Guest · Guest Wed Feb 23, 2022 2:28 pm

After. Author-img img i placed border-radius: 50% but still remain same....

Administrator · **Administrator** Wed Feb 23, 2022 2:32 pm

Ah, you have to remove the -webkit-border-radius and -moz-border-radius

Guest · Guest Wed Feb 23, 2022 2:37 pm

Ok wait

Guest · Guest Wed Feb 23, 2022 2:45 pm

Removed. But still not changed. You can try it?

Administrator · **Administrator** Wed Feb 23, 2022 2:49 pm

You did everything correctly, but for some reason your CSS changes didn't go through. Fixed now.

Guest · Guest Wed Feb 23, 2022 2:53 pm

Thanks. But why last post avatar is not circle yet? I added border-radius: 50%; but still not working

Administrator · **Administrator** Wed Feb 23, 2022 3:31 pm

You gotta add border-radius to both .lastpost-avatar and .lastpost-avatar img

And remember to remove any webkit-border-radius or moz-border-radius

Guest · Guest Wed Feb 23, 2022 4:23 pm

Solved, thanks.

Sponsored content · Sponsored content

Circle avatar

Guest

Administrator

Guest

Administrator

Guest

Guest

Administrator

Guest

Administrator

Guest

Sponsored content

Create an account or log in to leave a reply

Create an account

Log in