XF 1.4 How to highlight names according to rank

Hey, I was wondering what CSS (Please note I do not know any CSS or HTML) I would need to insert in this section Users > User Group > (Group Name Here) in the "User Name CSS" field, to make it so group's usernames are highligted with a colour and white text inside (see this website for an example: http://forum.hivemc.com/members/loudmusic.107682/) In the example you'll see the player's name is highlighted in blue. If someone could provide me with the CSS to accomplish this, and also where in the CSS I should alter to put the colour of my choice in, that'd be great.

I looked at this manual https://xenforo.com/help/user-group-styling/ and although it was helpful, it did not have username highlighting details.

I apologise about my complete lack of knowledge in CSS, but I've done well with XenForo not knowing any.

- JV


XenForo moderator
Staff member
You may have to style some of the other elements accordingly to accommodate the extra user name padding.