User Banner Styling Issue

[Mark87]

I am trying to change the user banner background colors and have attempted to add the extra CSS etc. It works in the default but not in my custom style. Any Ideas why ?

 

[Russ]

Hey Mark,

What CSS are you trying to use? You may need to use a higher CSS selector to make it work, for instance if you're using just:

.userBanner { css here}

You may want to turn your CSS into:

.XenBase .messageUserBlock  .userBanner { css here}

Basically the difference is CSS will show the one with the strongest CSS selector.

 

[Mark87]

I'll give it a try... used all the guides from xenforo nothing seemed to work.

 

[Russ]

I'll give it a try... used all the guides from xenforo nothing seemed to work.

The other thing you could do is just edit the template: user_banners.css directly, normally i'd recommend try keeping all your CSS changes inside extra.css but something like I'd say go for the template directly. You need to change the background + the little: .userBanner.bannerBlue.wrapped span

 

[Mark87]

The other thing you could do is just edit the template: user_banners.css directly, normally i'd recommend try keeping all your CSS changes inside extra.css but something like I'd say go for the template directly. You need to change the background + the little: .userBanner.bannerBlue.wrapped span

Tried that ... no effect on your style at all.

 

[Mark87]

FOUND IT !!! The correct edit is not in " .userBanner.bannerBlue.wrapped span " you have to change "background-color: blue; ' in order for it to take effect.