You are not connected. Please login or register

Circle avatar

Anonymous

Guest

Guest

PostGuest 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
Administrator
Posts : 126
Points : 143
Reputation : 14
Join date : 2022-02-13
View user profile https://movie.goodforum.net

PostAdministrator 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
Anonymous

Guest

Guest

PostGuest Wed Feb 23, 2022 2:28 pm

After. Author-img img i placed border-radius: 50% but still remain same....
Administrator
Administrator
Administrator
Posts : 126
Points : 143
Reputation : 14
Join date : 2022-02-13
View user profile https://movie.goodforum.net

PostAdministrator Wed Feb 23, 2022 2:32 pm

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

Guest

Guest

PostGuest Wed Feb 23, 2022 2:37 pm

Ok wait
Anonymous

Guest

Guest

PostGuest Wed Feb 23, 2022 2:45 pm

Removed. But still not changed. You can try it?
Administrator
Administrator
Administrator
Posts : 126
Points : 143
Reputation : 14
Join date : 2022-02-13
View user profile https://movie.goodforum.net

PostAdministrator Wed Feb 23, 2022 2:49 pm

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

Guest

Guest

PostGuest 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
Administrator
Posts : 126
Points : 143
Reputation : 14
Join date : 2022-02-13
View user profile https://movie.goodforum.net

PostAdministrator 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
Anonymous

Guest

Guest

PostGuest Wed Feb 23, 2022 4:23 pm

Solved, thanks.

Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum