Avatar Circle pic

Go down

Solved Avatar Circle pic

Post by dad2paisley on January 11th 2019, 1:35 am

I have it working on the main forum page but it's not working on profile.

I used this code.

.lastpost-avatar img {
background:#FFF;
height:36px;
width:36px;
border-radius:100px;
box-shadow:0 2px 3px rgba(0, 0, 0, 0.1), 0 -1px 1px rgba(0, 0, 0, 0.1);
padding:2px;
}


Last edited by dad2paisley on January 11th 2019, 7:20 pm; edited 2 times in total
dad2paisley
dad2paisley
Forumember

Male Posts : 277
Reputation : 6
Language : english

http://everythinggreyhound.forumotion.com/

Back to top Go down

Solved Re: Avatar Circle pic

Post by skouliki on January 11th 2019, 2:52 am

hello

add this to your css

Code:

img {
height:150px;
width:150px;
border-radius:100px;
box-shadow:0 2px 3px rgba(0, 0, 0, 0.1), 0 -1px 1px rgba(0, 0, 0, 0.1);
}


you can adjust the height and width

please use the tags  when you want to post a code
skouliki
skouliki
Manager
Manager

Female Posts : 5135
Reputation : 829
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Avatar Circle pic

Post by TheCrow on January 11th 2019, 10:52 am

Hello @dad2paisley,

If you want all images to be rounded, you can use what skouliki has posted above. But if you want this effect to happen only to your profile images you can use this code instead:
Code:
div.post .postprofile dt img, #profile-advanced-right .module:first-child img {
  border-radius: 100px;
}

Regards.
TheCrow
TheCrow
Manager
Manager

Male Posts : 5891
Reputation : 665
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

Solved Re: Avatar Circle pic

Post by dad2paisley on January 11th 2019, 5:07 pm

Luffy, that code doesn't do all profile avi pics. Some are big, some are small and a few don't show as a circle. Do you think the forum size % is causing this issue?
dad2paisley
dad2paisley
Forumember

Male Posts : 277
Reputation : 6
Language : english

http://everythinggreyhound.forumotion.com/

Back to top Go down

Solved Re: Avatar Circle pic

Post by Menim on January 11th 2019, 6:48 pm

Hello,

Add this code to the css file:
Code:
.postprofile [alt="avatar"]{
width:100px;
height:100px;
}
It should fix the problem with the eliptical avatar in topics.
Menim
Menim
Forumember

Posts : 87
Reputation : 12
Language : English

Back to top Go down

Solved Re: Avatar Circle pic

Post by dad2paisley on January 11th 2019, 7:19 pm

Thanks so much. You all are so helpful and patient.
dad2paisley
dad2paisley
Forumember

Male Posts : 277
Reputation : 6
Language : english

http://everythinggreyhound.forumotion.com/

Back to top Go down

Solved Re: Avatar Circle pic

Post by Draxion on January 11th 2019, 7:21 pm

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


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

Draxion
Draxion
Support Moderator
Support Moderator

Male Posts : 2251
Reputation : 284
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Back to top


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