XF 2.2 CSS in member ranks

[Resolute]

How do i do the custom CSS for the member ranks? I am adding a new member group and want to use my own banner color. What exactly do I put in that custom CSS box?

Thanks!

 

[Paul B]

Creating custom User banner styling

By default, XF comes with the following user banner styles: Creating custom styling using the Other, using custom CSS class name option is fairly straightforward. This guide will explain how to. The easiest way by far to add new prefix...

xenforo.com

 

[Resolute]

Thanks! Sorry for posting this in the wrong section.

 

[Resolute]

I followed, but it is not working. I cannot figure what I am missing. Here is what I did:

}

    &.userBanner--red { .m-userBannerVariation(white, #d80000); }
    &.userBanner--green { .m-userBannerVariation(white, green); }
    &.userBanner--olive { .m-userBannerVariation(white, olive); }
    &.userBanner--lightGreen { .m-userBannerVariation(black, #ccf9c8, #bee8ba); }
    &.userBanner--blue { .m-userBannerVariation(white, #0008e3); }
    &.userBanner--royalBlue { .m-userBannerVariation(white, royalblue); }
    &.userBanner--skyBlue { .m-userBannerVariation(white, #7cc3e0); }
    &.userBanner--gray { .m-userBannerVariation(white, gray); }
    &.userBanner--silver { .m-userBannerVariation(black, silver); }
    &.userBanner--yellow { .m-userBannerVariation(black, #ffff91, #e6e687); }
    &.userBanner--orange { .m-userBannerVariation(black, #ffcb00); }
    &.userBanner--wtSupporter { .m-userBannerVariation(white, #C0C0C0); }
    &.userBanner--wtSupporter { .m-userBannerVariation(white, #CD7F32); }
    &.userBanner--wtSupporter { .m-userBannerVariation(white, #ffd700); }
}

Is changed the text color to white, but the background is the gold still.

 

[Resolute]

Nevermind, I figured out my mistake. I was adding the same userBanner to each. lol