1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.5 Different User Name CSS for different styles?

Discussion in 'Styling and Customization Questions' started by lpatodd, Jul 11, 2016.

  1. lpatodd

    lpatodd Member

    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!
     
  2. Amaury

    Amaury Well-Known Member

    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:

    Code:
    /* User Groups */
    
    .username .style2 {
        color: #FFFFFF;
    }
    
    .username .style3 {
        color: #ADD8E6;
        font-weight: bold;
    }
    
    .username .style4 {
        color: #90EE90;
    }
    
    /* User Groups */
    Current KH-Flare 2015 Style:

    Code:
    /* 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.
     
    Last edited: Jul 11, 2016
  3. lpatodd

    lpatodd Member

    Fantastic, thank you!
     
    Amaury likes this.

Share This Page