XF 1.4 What went wrong?

TheGreek

Active member
Hey all,

So I'm trying to set up some user banners. This is what I have in my Extra.css:
.userBanner.bannerAdministrator
{
color: white;
background-color: blue;
border-color: blue;
}

And for the name for the banner on the User Group Pages, it's userBanner Administrator.

But it won't take into effect the CSS. What am I doing wrong?
 
Turns out I had the wrong extra.css the whole time. Now quick question, how can I make user banners to look like this?

EZrEOLz.png
 
Just adapt the CSS to suit - that's more or less how I have them on my site using:
Code:
.userBanner
{
    background: transparent url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 1px 4px;
    font-size: 10px;
    font-weight: bold;
    box-shadow: none;
}

.userBanner.wrapped span
{
    height: 0px;
}

.userBanner.bannerStaff
{
    background-color: @secondaryMedium;
    border-color: @secondaryMedium;
    color: @textCtrlText;
    text-shadow: 1px 1px 1px @primaryLighterStill;
}

The last block needs to be added for each custom banner class.
 
Just adapt the CSS to suit - that's more or less how I have them on my site using:
Code:
.userBanner
{
    background: transparent url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 1px 4px;
    font-size: 10px;
    font-weight: bold;
    box-shadow: none;
}

.userBanner.wrapped span
{
    height: 0px;
}

.userBanner.bannerStaff
{
    background-color: @secondaryMedium;
    border-color: @secondaryMedium;
    color: @textCtrlText;
    text-shadow: 1px 1px 1px @primaryLighterStill;
}

The last block needs to be added for each custom banner class.


So do I just put that in, and it should be good?
 
Top Bottom