Well-Known Member
I am using the Xenbase style and would like to make 3 changes, where could I do this?
I'd like to make the sticky icon look like this:

Then I would like to have the Staff Buttons over the Avatar and would also like to change the look of the buttons. Like on the picture the right button "Moderator".

Those are my 2 questions :)
This CSS can be placed in extra.less:

i.structItem-status.structItem-status--sticky {
    background-color: rgb(0, 128, 0);
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    line-height: 23px;
    font-size: 14px;
&:before { color: #FFF; }

Would get you close...

To move the banner you need to edit the template message_macros

<xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />

To your desired location in that template.

We have styling for the banners, check style properties -> User banners, assuming they're the default staff banners you can style them there.
sry for double mail but unfortunately cannot edit...
The question then would be, how could I get more space between the Staff Banner and the Avatar ? so there should be about 5px between it...?


thank you

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.