XF 1.3 Background Behind Avatar?

[taylor_smith]

Did search, but couldn't come up with the answer. Possibly using the wrong terminology.

Which style property controls the background color behind an avatar? I tried:

General > Avatar
Member List Item > Avatar

Changed the background color in both of these, but the color below didn't change.

 

[Amaury]

Style Properties > Message Layout > Avatar Holder

 

[taylor_smith]

Have #000000 set there:



But this is what it looks like:

 

[Amaury]

Have #000000 set there:

View attachment 67492

But this is what it looks like:

View attachment 67493

You either have custom CSS overwriting the style property or the orange background is part of the avatar itself.

 

[taylor_smith]

There's nothing in EXTRA.css, so maybe the theme is overwriting. What would I add it to EXTRA.css to change?

 

[Amaury]

There's nothing in EXTRA.css, so maybe the theme is overwriting. What would I add it to EXTRA.css to change?

Looking at your previous screenshot again, it looks like you are using one of @Audentio's UIX styles, so you should post in the style's thread for better support.

 

[Dad.]

Right, this has to do with the fact that we wanted the background of avatars to be styled based on the color palette. So blue designs could have blue avatars without requiring an image edit. The downside is avatars that are transparent.

To disable this, go to Style Properties > General > Avatar > Blank out the background color property.

 

[taylor_smith]

Thanks.

 

[taylor_smith]

Right, this has to do with the fact that we wanted the background of avatars to be styled based on the color palette. So blue designs could have blue avatars without requiring an image edit. The downside is avatars that are transparent.

To disable this, go to Style Properties > General > Avatar > Blank out the background color property.

So, I blanked out everything (see attached image). But the color still shows.

 

[taylor_smith]

Right, this has to do with the fact that we wanted the background of avatars to be styled based on the color palette. So blue designs could have blue avatars without requiring an image edit. The downside is avatars that are transparent.

To disable this, go to Style Properties > General > Avatar > Blank out the background color property.

I still can't seem to change this color. I also attempted to change the login bar color, but it won't update.

 

[Dad.]

Try adding a background-color: transparent !important;. I am sure that will get rid of it. In General > Avatar

 

[greenpuck]

Thanks confirming that worked.