The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Profile or post image/avatar is not circle

View previous topic View next topic Go down

Solved Profile or post image/avatar is not circle

Post by The Singer on January 26th 2017, 9:38 am

Hello,

I used the code for circle avatar but everywhere I seeee circle avatar with profle/post profile.
 
Here is the screenshot of problem

So any code to make it circle too. May be for this reason post profile images are also not circle

Forum: http://avacs.sforum.biz


Last edited by The Singer on January 26th 2017, 6:28 pm; edited 1 time in total
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: Profile or post image/avatar is not circle

Post by Valoish on January 26th 2017, 5:49 pm

Can you send me a test account so I can see the user profile. Can't see it as a guest
avatar
Valoish
Forumember

Female Posts : 291
Reputation : 54
Language : English
Location : NYC

http://www.canvastutorials.org/

Back to top Go down

Solved Re: Profile or post image/avatar is not circle

Post by The Singer on January 26th 2017, 5:52 pm

Ok wait...
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: Profile or post image/avatar is not circle

Post by Valoish on January 26th 2017, 6:04 pm

Got the account, thanks.
Try adding this to your CSS:
Code:
.module .box-content .mod-login-avatar dt img, #userProfile .leftCol img { border-radius: 100%; }

This is the result I got:

I also made the avatar image circular in the little statistics table you have at the top
avatar
Valoish
Forumember

Female Posts : 291
Reputation : 54
Language : English
Location : NYC

http://www.canvastutorials.org/

Back to top Go down

Solved Re: Profile or post image/avatar is not circle

Post by The Singer on January 26th 2017, 6:17 pm

But still Homepage profile image is not circle and also post profile images are not too circle. How to make them circle too?
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: Profile or post image/avatar is not circle

Post by Valoish on January 26th 2017, 6:22 pm

Replace the CSS you had with this one:
Code:
.module .box-content .mod-login-avatar dt img, #userProfile .leftCol img { border-radius: 100%; }
.postprofile dl dt img { max-height: 100px; max-width: 100px; border-radius: 100%; }

For the avatar to look best in the post profile, your users shouldn't have a huge image; make sure they keep it no bigger than 100px in height and 100px in width.
avatar
Valoish
Forumember

Female Posts : 291
Reputation : 54
Language : English
Location : NYC

http://www.canvastutorials.org/

Back to top Go down

Solved Re: Profile or post image/avatar is not circle

Post by The Singer on January 26th 2017, 6:27 pm

thanks @valoish you genius, solved
avatar
The Singer
Forumember

Male Posts : 251
Reputation : 2
Language : english

http://avacschat.yforum.biz

Back to top Go down

Solved Re: Profile or post image/avatar is not circle

Post by Valoish on January 26th 2017, 6:28 pm

No problem c:
avatar
Valoish
Forumember

Female Posts : 291
Reputation : 54
Language : English
Location : NYC

http://www.canvastutorials.org/

Back to top Go down

Solved Re: Profile or post image/avatar is not circle

Post by SLGray on January 26th 2017, 6:43 pm

Problem solved & topic archived.
Please read our forum rules:  ESF General Rules


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40515
Reputation : 2733
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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