XF 2.1 change user banner

[interforo]

Where can I change the color of the user banner?



Please note that on my forum interfans.org/forum it was changed at css level but now I can't find the exact place
Thanks

 

[Paul B]

It's done in the user group settings.

There is also this guide if you want custom styling.

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

 

[interforo]

It's done in the user group settings.

There is also this guide if you want custom styling.

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

mine is

.m-userBannerVariation(@color; @bg; @border: false)
{
    color: @color;
    background: @bg;
    border-color: xf-intensify(@bg, 10%);

    & when (iscolor(@border))
    {
        border-color: @border;
    }
}

.userBanner
{
    font-size: 75%;
    font-weight: @xf-fontWeightNormal;
    font-style: normal;
    padding: 1px @xf-paddingMedium;
    border: 1px solid transparent;
    border-radius: @xf-borderRadiusSmall;
    text-align: center;
    display: inline-block;

    strong
    {
        font-weight: inherit;
    }

    // variations
    &.userBanner--hidden
    {
        background: none;
        border: none;
        box-shadow: none;
    }

    &.userBanner--staff,
    &.userBanner--primary
    {
        .m-userBannerVariation(@xf-linkColor, @xf-contentHighlightBg, @xf-borderColorHighlight);
    }

    &.userBanner--accent
    {
        .m-userBannerVariation(@xf-textColorAccentContent, @xf-contentAccentBg, @xf-borderColorAccentContent);
    }

    &.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); }
}

and it's always blue regardless if it's a moderator, admin,
how do I see it back to default?

 

[SyTry]

mine is

.m-userBannerVariation(@color; @bg; @border: false)
{
    color: @color;
    background: @bg;
    border-color: xf-intensify(@bg, 10%);

    & when (iscolor(@border))
    {
        border-color: @border;
    }
}

.userBanner
{
    font-size: 75%;
    font-weight: @xf-fontWeightNormal;
    font-style: normal;
    padding: 1px @xf-paddingMedium;
    border: 1px solid transparent;
    border-radius: @xf-borderRadiusSmall;
    text-align: center;
    display: inline-block;

    strong
    {
        font-weight: inherit;
    }

    // variations
    &.userBanner--hidden
    {
        background: none;
        border: none;
        box-shadow: none;
    }

    &.userBanner--staff,
    &.userBanner--primary
    {
        .m-userBannerVariation(@xf-linkColor, @xf-contentHighlightBg, @xf-borderColorHighlight);
    }

    &.userBanner--accent
    {
        .m-userBannerVariation(@xf-textColorAccentContent, @xf-contentAccentBg, @xf-borderColorAccentContent);
    }

    &.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); }
}

and it's always blue regardless if it's a moderator, admin,
how do I see it back to default?

Hello, is this a custom style ? If yes, you may ask the creator. Also, do you change the banner in your user group ?

Regards, SyTry