Circle the avatars (( On Shoutbox ))

[Former Member]

Tested Using Windows 10
Latest Browsers Chrome - Firefox - IE 11 - Microsoft Edge

If you use the show avatars on the shoutbox Code

See Links below for more info
support.proboards.com/post/5011802/thread
support.proboards.com/post/5309300/thread

You can use the code below to Circle The Avatars
Note this uses the small avatars

You may have to adjust the height of your shout-box slightly
admin > settings > shout-box

Screenshot


You can also preview it on my Test Forum

Go > Admin > Themes > Advanced Styles & CSS

And add the code below
TO THE VERY BOTTOM OF THE STYLE SHEET


.shoutbox .avatar_size_small { .rounded-corners(50%, 50%, 50%, 50%); }
.shoutbox .avatar_size_small > img { .rounded-corners(50%, 50%, 50%, 50%); }

.shoutbox .avatar_size_small img {
border-radius: 100px;
height: 100%; width: 100px;
;border:1px solid #cccccc;
}


Note: border-radius: 100px; & width: 100px; Set at 100px


Remember!
You can always preview it before saving any changes to your template


Steve

[NatAni]

Thank you Steve - looks great