• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.4 What went wrong?

TheGreek

Active member
#1
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?
 

Brogan

XenForo moderator
Staff member
#5
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.
 

TheGreek

Active member
#6
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?