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.
Options

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

  • Options
    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. ^^

  • Options
    @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!
  • Options
    @leafboxtea: my pleasure, you're welcome!^^
Sign In or Register to comment.