XF 1.4 How to highlight names according to rank

[Jack V]

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.

Cheers,
- JV

 

[Paul B]

background-color: orange;
color: white;
padding: 4px;

That's an example - style it to suit.

 

[Jack V]

background-color: orange;
color: white;
padding: 4px;

View attachment 98652

That's an example - style it to suit.

Ah thank you. How would I change it so it doesn't overlap the user info like it does here: http://venture-mc.net/index.php?members/reliablelegend.7/ ?

 

[Paul B]

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