Grow your CSS skills. Land your dream job.

Help with Link Color issue

  • # December 10, 2011 at 12:30 am

    Hey everyone,

    I am looking to change the color of the 4 object titles (H3) that are in my homepage page content. I would like to make them darker so that when hovered they are still visable. As of right now they go white because that is that I want the rest of my links to do. Any help would be great

    site: quigleycontracting.squarespace.com

    # December 10, 2011 at 1:16 am

    @goalieman34

    h3 a:hover {color: #333;}
    # December 10, 2011 at 1:26 am

    Thanks, that worked perfect. One last quick question how would i change the starting color its too light of a grey.

    # December 10, 2011 at 1:33 am

    @goalieman34

    h3 a {color: #(insert hex code here);}

    Example:

    h3 a {color: #555;}

    If you wanted to change ALL H3 tags.

    h3, h3 a {color: #555;}
    # December 10, 2011 at 1:57 am

    ok, hmm for some reason the second part didnt work… Any other suggestions?

    This is what i have so far:

    h3 a:hover {color: #333;}
    h3 {color: #555;}

    # December 10, 2011 at 3:24 am

    @goalieman34 Check above again.

    # December 10, 2011 at 3:24 am

    @goalieman34 You need to use the same selector for each rule, because of the nature of the cascade, the selector that follows the most branches of the family tree will override the others…In other words, you need to select the CHILD ‘a’ instead of the PARENT ‘h3′ you do that the same way you changed the HOVER pseudo selector.


    h3 a {color: #555;}
    h3 a:hover {color: #333;}
    # December 10, 2011 at 3:52 am

    don’t place :hover pseudo class above the real selector.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".