XF 2.0 Rounded avatar

[ŽivaAkcija]

Hi, any tutorial how to add rounded avatar in default style?

Avatar border radius whar code goes inside or code goes inside extra less?

 

[domfootwear]

Hi, any tutorial how to add rounded avatar in default style?

Avatar border radius whar code goes inside or code goes inside extra less?

You can try as below:

 

[ŽivaAkcija]

if add 50% that broke entire thread/post page

 

[domfootwear]

if add 50% that broke entire thread/post page

You should try to add 50px instead of 50%

 

[ŽivaAkcija]

same thing

 

[domfootwear]

I could change it

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

Please see our site at https://www.giaiphapexcel.com/diendan/threads/copy-sheet-trong-file-thành-file-riêng-biệt.135732/

 

[Mian Shahid]

looks like cool

 

[Mian Shahid]

Now, any idea to place embossed circle around avatar?

 

[KSA]

Now, any idea to place embossed circle around avatar?

add this code to EXTRA.less template

.avatar {
    
    border: solid 2px;
}

If you want to change the color of the circle add this within the code

border-color: yourcolor;

 

[maszd]

Hi,
i was changed this but how to move online indicator inside avatar?



thanks.

 

[Russ]

Hi,
i was changed this but how to move online indicator inside avatar?

View attachment 179042

thanks.

You can add this to extra.less, adjust to your liking:

.block .message-avatar-wrapper .message-avatar-online {
    top: 8px;
    left: 8px;
}

 

[domfootwear]

You can add this to extra.less, adjust to your liking:

.block .message-avatar-wrapper .message-avatar-online {
    top: 8px;
    left: 8px;
}

I think you should change from 8px to 2px. Because If you use mobile web application, the avatar-online position is not correct.