Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

need css help for discussion links

edited January 2011 in Vanilla 2.0 - 2.8
I want to change the color of the links only inside of the discussions themselves.

when I inspect element for the links using Firebug, I'm lead to this bit of code

a, a:link, a:visited, a:active { color: #000000;

I can't change that to the color I want, because it changes all the links throughout the site. I want to change only the links that are posted in comments. Right now, based on this code, they black, just like all the text. This is a major usability issue. What kind of code do I need to add to my theme (or wherever classes are defined) to isolate just the links inside the comments themselves?
Tagged:

Comments

  • You need to add in Custom file just after :
    a,
    a:link,
    a:visited,
    a:active {
    color: #000000;

    that :
    .Message a, a:link, a:visited, a:active {
    color: #color-you-like;
    }

    Image hosted by uppix.net


    But that change all the "a" of comment:

    Image hosted by uppix.net


    so you need to add some infos :

    .Meta a{
    color: #same-color-of-"a=000000";
    }

    Image hosted by uppix.net


    ==>

    Image hosted by uppix.net


    And that:

    .Buttons a{
    color: #same-color-of-"a=000000";
    }

    Image hosted by uppix.net


    ==>

    Image hosted by uppix.net


    And change the color of link in div.Box, so you need to add after:
    div.Box h4 {
    color:#282828;
    }

    that:
    div.Box a{
    color: #same-color-of-"a=000000";
    }

    Image hosted by uppix.net



    -------------
    In code:
    div => #
    class => .
    after the name of "location" (here:Message), and the "objet" (here:a)

    --------------

    This image has been resized. Click to enlarge.
    May be not the most simple code but it works.

    Sorry for my english. ^^

  • @lena - thank you! Your response was thorough and educating! I was able to set it up in short time and I learned something from your comments about how to figure out css code.

    Thank you!
  • @leafboxtea: my pleasure, you're welcome!^^
Sign In or Register to comment.