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

Change "message count color"?

Discussion in 'Styling and Customization Questions' started by Rho Delta, Nov 4, 2011.

  1. Rho Delta

    Rho Delta Well-Known Member

    UNC   OldRow.png

    I want the message count color to match the part that has the username and title. I figured out how to do it using the color slider thing but it effects colors of other stuff when I do that. I just want it to affect this area ONLY.
     
  2. Floris

    Floris Guest

    You could edit the template, give it an extra custom class.
    And set that custom class to a colour?

    Normal code: class="xenforosclass"
    Your code: class="xenforosclass myclasshere"

    And in extra.css set .myclasshere { color: green }
     
  3. Brogan

    Brogan XenForo Moderator Staff Member

    Add to EXTRA.css:
    Code:
    .messageUserBlock .extraUserInfo dt {
    color: red;
    }
    Change the colour to suit.

    Oh wait, you mean the background?
    Code:
    .messageUserBlock .extraUserInfo {
    background-color: @primaryLighterStill !important;
    }
     
    DSF and The Pet Board like this.
  4. Floris

    Floris Guest

    Will that not change the whole thing, rather than just message count?
     
  5. Brogan

    Brogan XenForo Moderator Staff Member

    For the first one, it will change all extra info text headings, but he only has one by the look of it.

    For the second one, the lighter background colour will change to the darker colour above.
     
  6. Rho Delta

    Rho Delta Well-Known Member

    The background one worked, now is there a way to decrease the spacing between the user title and the message count?
     
  7. Brogan

    Brogan XenForo Moderator Staff Member

    Change it to this:
    Code:
    .messageUserBlock .extraUserInfo {
    background-color: @primaryLighterStill !important;
    padding-top: 0 !important;
    }
    If you want even less spacing, add this:
    Code:
    .messageUserBlock h3.userText {
    padding-bottom: 0 !important;
    }
     

Share This Page