Skip to main content

Depending upon your site's design you may want to change the new default avatar display so that all initials appear the same color. With a bit of CSS you can do that.

Copy the following into your Display Settings > Custom CSS box

.default-member-avatar-container circle,
.default-member-avatar-container rect { fill: gainsboro !important; }


In this example "gainsboro" is a greyish color (#dcdcdc for those keeping score). You'll find a large listing of colors to chose from here.   You can probably find a few better color charts if this doesn't give you a color that appeals.

You will also want to update the Email CSS for "default_avatar" to match whatever color you set on the website as well. Add the following in after whatever you already have in the text box.  Remember to adjust the color to match.

background-color: gainsboro !important;



Replies sorted oldest to newest

We use the color red in our logo and for a lot of other branding.

Forum_OGR_LOGO

So, I inserted the following CSS into the Display Settings > Custom CSS box:

/* Make All Initials The Same Color */
.default-member-avatar-container circle,
.default-member-avatar-container rect {
 fill: #ee0000 !important;
}

DONE!

Attachments

Images (1)
  • Forum_OGR_LOGO
Rich Melvin

Add Reply

×
×
×
Link copied to your clipboard.
×