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

How do I change text color on the overlay / member card?

Discussion in 'XenForo Questions and Support' started by danielwerner, Feb 3, 2011.

  1. danielwerner

    danielwerner Active Member

    Hi!

    Quick question: How do I change text color on the overlay / member card? WITHOUT changing colors in the color palette. I have the colors as I like them now, but the only problem is that in the overlay the text is just a bit too dark.

    Can it be done in the style properties?

    Thanks!
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    I used EXTRA.css for this.

    Code:
    /* Change colour of username on member card */
    .xenOverlay.memberCard .userInfo h3 {
    color: @secondaryLight !important;
    }
    
    .xenOverlay.memberCard .userInfo h3 a {
    color: @secondaryLight !important;
    }
    
    /* Change colour of title on member card */
    .xenOverlay.memberCard .userInfo h4 {
    color: @primaryLight !important;
    }
    
    /* Change colour of upper horizontal divider on member card */
    .xenOverlay.memberCard .userLinks {
    border-bottom: 1px solid @dimmedTextColor !important;
    }
    
    /* Change colour of links title on member card */
    .xenOverlay.memberCard .userLinks a {
    color: @primaryLight !important;
    }
    
    /* Change colour of lower horizontal divider on member card */
    .xenOverlay.memberCard .lastActivity {
    border-top: 1px solid @dimmedTextColor !important;
    }
     
    cool hallyu likes this.
  3. danielwerner

    danielwerner Active Member

    It worked partly, there is still the old color on for example "from", "member since", "post count", "X was last seen" etc. What did I miss out? :)
     
  4. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Try this:

    Code:
    .xenOverlay.memberCard .lastActivity dt
    {
    	color: @primaryLight !important;
    }
    
    .xenOverlay.memberCard .userStats th
    {
    	color: @primaryLight !important;
    }
    
     
    Vodkaholic and danielwerner like this.
  5. danielwerner

    danielwerner Active Member

    Almost there! Just "from" and "X minutes ago" left. :)
     
  6. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Code:
    .xenOverlay.memberCard .muted
    {
    	color: @primaryLight !important;
    }
    
     
    Vilandra, Vodkaholic and danielwerner like this.
  7. danielwerner

    danielwerner Active Member

    Theeeere we have it! Thanks alot. :)
     
  8. Shelley

    Shelley Well-Known Member

    Ignore I figured it out.
     
  9. wi11ie

    wi11ie Member

    I guess you cant do this in the Style properties cause i have dark text on a dark background
    i am using the latest version forum

    Another problem is the text at the bottom of the New Post screen is dark on a dark background. where do i go to fix that?

    Found another problem. When i pin a thread it turns purple and i haven't set anything to purple
     
  10. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Can you post screenshots or URLs showing those problems?
     
  11. Wuebit

    Wuebit Well-Known Member

    Thanks Jake
     
  12. wi11ie

    wi11ie Member

    Hi Jake. I uploaded another skin last night and that seems to have fixed the problems on the default skin, no idea why.

    The problem i have with the default skin now is in the attached pic. dark text.jpg
     
  13. Russ

    Russ Well-Known Member



    Not sure about style properties for that one but in extra.css you could add:


    Code:
            .xenOverlay.memberCard .userInfo .userStats th
            {
                color: #FFFFFF !important;
            }
    
    Also wi11ie if you have FireFox, check out: http://getfirebug.com/ it can help you speed through the skinning process like no other.

    #FFFFFF being whichever color or @primaryLight
     
  14. wi11ie

    wi11ie Member

    Thanks Russ :) I will give it a go and thanks for the link. I use Firefox, don't like IE :)
     
  15. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    See my previous two posts. Use that code in the EXTRA.css template to change that dark text color from your picture:

     
  16. wi11ie

    wi11ie Member

    Thanks Jake and Russ that worked a treat :):)

    Which controller is used for the lower text in this pic to brighten it please and its the same on the login page
    ??? Text2.jpg
     
  17. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    That uses the body text color:

    Admin CP -> Appearance -> Style Properties -> General -> Body

    Screen shot 2011-02-13 at 9.25.28 PM.png
     
  18. wi11ie

    wi11ie Member

    Tried that it didn't work but did work in content.. Well there goes my color scheme
     
  19. wi11ie

    wi11ie Member

    Now having done all that :):) How do i center the Titles of the forums, categories and board title in the bars? I remember doing it in VB but it was so long ago that i cant remember how i did it and where i did it.

    Anyone :)
     
  20. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    It works on the default style. Your custom style might be different.

    Admin CP -> Appearance -> Style Properties -> Forum List -> Category Strip Title

    Add this to the Miscellaneous box:

    Code:
    text-align: center;
    
    That will center the category titles:

    Screen shot 2011-02-14 at 9.16.02 AM.png
     

Share This Page