XF 1.5 Different User Name CSS for different styles?

[lpatodd]

Hello,

We have a couple different styles, and make use of the User Name CSS option for user groups to have different colors for our different user groups. We've run into a problem where the particular color we've chosen looks great on one style, but not so great on another style. Is it possible to have a different CSS style applied to the usernames for a group depending on the style, so we can adjust the shade of the color we are using? Thanks!

 

[Amaury]

There sure is. Remove whatever styling you have in each user group itself and edit the EXTRA.css template. However, be sure to have some invisible styling—something that can't be seen—in the User Name CSS box of each user group; otherwise, the styling won't show. For example, background-color: transparent;.

Here are examples from our forum which you can use as a guide:

KH-Flare 2014 Style:

/* User Groups */

.username .style2 {
    color: #FFFFFF;
}

.username .style3 {
    color: #ADD8E6;
    font-weight: bold;
}

.username .style4 {
    color: #90EE90;
}

/* User Groups */

Current KH-Flare 2015 Style:

/* User Groups */

.username .style2 {
    color: #000000;
}

.username .style3 {
    color: #DC143C;
    font-weight: bold;
}

.username .style4 {
    color: #D2691E;
}

/* User Groups */

You can get the user group number by hovering over the links on the User Groups page in the administrator control panel.

 

[lpatodd]

Fantastic, thank you!