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

Change member card username color

Discussion in 'Styling and Customization Questions' started by TheBigK, Jun 21, 2013.

  1. TheBigK

    TheBigK Well-Known Member

    I'm totally lost finding the right section in style properties that controls the color of the links (for username) in the member cards overlays.

    Where should I look?
     
  2. Lisa

    Lisa Well-Known Member

    I use the EXTRA.css for it.

    .xenOverlay.memberCard .userInfo h3 a {
    color: green;
    }

    .xenOverlay.memberCard .userInfo h3 a:hover {
    color: blue;
    }


    Changing green/blue to whatever colour you want the username to be.
     
  3. TheBigK

    TheBigK Well-Known Member

    I tried that - but it doesn't work. I don't know why. I added that code to the extra.css (via TMS). It doesn't show up on the member cards though.
     
  4. Lisa

    Lisa Well-Known Member

    You don't need to use TMS for EXTRA.css.. just put it in the usual one, try adding !important.

    .xenOverlay.memberCard .userInfo h3 a {
    color: green !important;
    }

    .xenOverlay.memberCard .userInfo h3 a:hover {
    color: blue !important;
    }

    Also, if you're using Chrome, sometimes it takes a million years for the cache to catch up and display the changes.
     
  5. TheBigK

    TheBigK Well-Known Member

    Thanks adding !important did the trick :)
     
    Lisa likes this.

Share This Page