Hey,

Hm, you could actually style them to have a larger border radius if you want to. For instance,

[gist]
body #ed .o-avatar--xs {
border-radius: 32px;
}

body #ed .o-avatar--sm {
border-radius: 32px;
}
[/gist]

By the way, why community builder eh? You are running EasySocial yeah?

By the way, why community builder eh? You are running EasySocial yeah?

That is what i asked myself too and the answer is: https://stackideas.com/forums/es-userlists-depending-on-field-content

Thank you and best regards, Macjoomla

Hi there,

May i know whether prompted steps on above reply solved your issues?

That is what i asked myself too and the answer is: https://stackideas.com/forums/es-userlists-depending-on-field-content

Thanks for the information We will see how others react on this

Hello Mark, Abdul,

hey, this is a tricky idea to round up the avatar, this seems to work fine

Just one thing, do you have one other css for the popup avatar in ED?

Thank you and best regards, Macjoomla



[gist]
body #ed .o-avatar--xs {
border-radius: 32px;
}

body #ed .o-avatar--sm {
border-radius: 32px;
}
[/gist]

Hi there,

You are most welcome

You can try to apply css codes below on your customs.css files and see how it goes
[gist type="css"]
//for its box size
#es.popbox.popbox-profile {
width: 300px !important;
height: 215px !important;
}
[/gist]

Please advice.

Hello Abdul,

thank you for your answer, this does not work for what i am trying in EasyDiscuss. I will try again and come back to you, if i dont succeed. In my Attachment, you can see, what profile picture i want to round up.

Thank you and best regards, Macjoomla

Hi there,

Sorry for my confusion caused on above reply. I thought you wanted to show smaller size for you popbox box.

Maybe you can try to apply css codes below and see how it goes

#es.popbox.popbox-profile .o-avatar-status {

  border-radius: 32px !important;

}

#es.popbox.popbox-profile .o-avatar-status img{

  border-radius: 32px !important;

}

Hello Abdul,

thank you for your fast answer, unfortunately it does not work out of the box like that for the hover.

Thank you and best regards, Macjoomla

Hi there,

thank you for your fast answer, unfortunately it does not work out of the box like that for the hover.

Honestly, i am not really sure what you meant here actually. By the way, based on what you stated on above reply, you wanted to show those profile type to be shown as 'round'.

I have applied some css codes on this path ../templates/jsn_epic2_pro/css/custom/custom.css and it is working as it should as you can see here http://take.ms/ZvC6e

Please advice.

Hello Abdul,

thank you for doing so, you are right, now it works

Thank you and best regards, Macjoomla

Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.