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

XF 1.4 CSS User Group Styling

Discussion in 'Styling and Customization Questions' started by Amaury, Jun 14, 2015.

  1. Amaury

    Amaury Well-Known Member

    In order to have visible user group colors on our old dark style and new light style, I moved the styling from the user groups into EXTRA.css. As an example, using our new style:

    /* User Groups */
    .username .style2 {
        color: #000000;
    .username .style3 {
        color: #DC143C;
        font-weight: bold;
    .username .style4 {
        color: #D2691E;
    /* User Groups */
    However, after I removed the styling from the user groups themselves, the CSS stopped working.

    Any ideas?
  2. Dylan V

    Dylan V Well-Known Member

    Try to add !important after the hex colors. If it doesn't work, it is that there is a problem with your style or an add-on, because I tried and it works.
  3. Amaury

    Amaury Well-Known Member

    We've fixed it.

    @Nights can post the solution.
  4. Nights

    Nights Member

    The style classes won't be added to usergroups unless there is a value in the usergroup css. To solve this issue, I simply added 'background: transparent;' to the css box under each usergroup I wanted styled. That allowed me to use the style classes in 'extra.css' to color/style them accordingly on a per-style basis.
    Amaury likes this.

Share This Page