Forums

goalieman34

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

chrisburton

@goalieman34

h3 a:hover {color: #333;}

goalieman34

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

chrisburton

@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;}

goalieman34

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;}

chrisburton

@goalieman34 Check above again.

kgscott284

@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;}

Hompimpa

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

treehouse : what would you like to learn today?

Forums

Help with Link Color issue