By David Judah on Sunday, 03 November 2013
Posted in General Issues
Likes 0
Views 1.2K
Votes 0
Hi there,

Initially when Stackideas 'teased' EasySocial, users profile images were round. I liked it a lot. It seems like that dropped since. But on the backend, users profile picture are still circular (round). Would it be possible to apply that on my site??
Hello David,

It's really easy to change avatars from square to rounded. Just locate es-avatar and add es-avatar-rounded
·
Sunday, 03 November 2013 19:59
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

You can add :

div#es-wrap .es-avatar img {border-radius: 50%;}
·
Sunday, 03 November 2013 20:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark and Paul,

Can you please give me the right path as I am not sure where to find it?

Also, Mark, do I just change the name of the file es-avatar to es-avatar-rounded?

And Paul, where do I add those settings (border) to? is it when I open the file?

I am sorry for all the questions but I am not that familiar (just a newbie)
·
Sunday, 03 November 2013 22:01
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello David,

You could actually just add these css codes into your template's css file and you are good to go
·
Sunday, 03 November 2013 23:38
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

Is this code still correct?
div#es-wrap .es-avatar img {border-radius: 50%;}

Will it modify the avatars across ES and ES modules?
I would like rounded avatars + modify size
·
Monday, 16 March 2015 09:16
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Supporter,

Can you try put this css override code in your site and see if this helps you.

div#fd .es-avatar img {
border-radius: 50% !important;
}
·
Monday, 16 March 2015 10:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Mohd,

Thank you.
It changes the radius as wanted but I also wanted to make them:
1. a little larger
width: 50px !important;
height: 50px !important;
this is found but there is a container that also needs to be be adjusted.

2. for consistency I also would like rounded avatars in the leaderboard module (rounded + bigger)
·
Monday, 16 March 2015 11:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Supporter,

You can try use this css code here.

body div#fd.es .es-avatar{
width:50px !important;
height:50px !important;
}


I am sorry as I can't assist you with this customization right now since our hands are pretty tied with the existing development. I am really sorry about this. By the way, if this a priority, please do post them on our sales section at https://crm.stackideas.com and our sales department would get back to you with a proper quote.

Hope you can understand.
·
Monday, 16 March 2015 11:39
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mohd,

I have a very important priority for easydiscuss and already asked for it...
the feature would be beneficial to many community members and help you gain new customers ...
but the answer was your team is too busy at the moment and no "availability" date can be determined... so I didn't even receive a proper quote !
·
Monday, 16 March 2015 11:52
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Supporter,

Thank you for your response. Justin here, from Stack Ideas' marketing team. I've checked our CRM for tickets that were sent from your current email and I found only 3 tickets, in which all were successfully answered by my colleagues, and I am unable to locate any tickets pertaining to avatar requests. Would you be kind enough to provide me with the ticket's # so that I can check it out for you?

I apologize for any inconvenience caused and looking forward to hear from you soon.
·
Monday, 16 March 2015 12:50
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Justin

I just posted a new 'critical' ticket, have a look
·
Monday, 16 March 2015 13:57
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Supporter,

Thanks for your update. We'll continue our support there: #36546 .

Thanks and have a nice day.
·
Monday, 16 March 2015 14:07
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post