XF 2.0 extra.less format, custom user banner

[Hizen]

Hello, just upgraded to 2.0. In 1.5, I would put this code in extra.css, then define User Banner Styling for the Administrator group as 'Administrator. However, it is not working now.

Is there a new way to do this? Thank you.

.Administrator {
    background: url("images/usergroups/Administrator.png") no-repeat;
    height: 34px;
    width: 124px;
    text-indent: -10000em;
    margin-left: 2px;
    display: block;
}

Here is how it showed on 1.5:

 

[BassMan]

Hello,

add this to your extra.less:

.userBanner--administrator {
    color: #fff;
    background-color: #AD4FA3;
}

... and adjust the code to suit your needs.

Also, edit group like this: