Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Customizing Colors and Fonts Write Hexadecimal Colors

matteo boni
matteo boni
5,087 Points
Posted by matteo boni
matteo boni
5,087 Points

help with this challenge?

Add a hover state for navigation links that changes the text color to the value #32673f.

css/main.css 
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

#logo {
  text-align: center;
  margin: 0;
}
h1,h2{
  color:#fff
}
p{
  color:#000
}
nav a{
  color:#fff
}

3 Answers

Jeroen Augustinus
seal-mask
.a{fill-rule:evenodd;}techdegree
Jeroen Augustinus
Front End Web Development Techdegree Student 5,931 Points
Jeroen Augustinus
.a{fill-rule:evenodd;}techdegree
Jeroen Augustinus
Front End Web Development Techdegree Student 5,931 Points

When you want to add a hover state to any elements simply take the element selector and add ":hover" behind it.

In your case you need a hover state over your nav links so this should help: 

nav a:hover {
   color: ;
}

I don't know the color you need so I left it blank. Hope this helps.

Kernan Loobie
Kernan Loobie
2,306 Points
Kernan Loobie
Kernan Loobie
2,306 Points

this is exactly what i'm doing and the code challenge says that it's wrong

Jeroen Augustinus
seal-mask
.a{fill-rule:evenodd;}techdegree
Jeroen Augustinus
Front End Web Development Techdegree Student 5,931 Points
Jeroen Augustinus
.a{fill-rule:evenodd;}techdegree
Jeroen Augustinus
Front End Web Development Techdegree Student 5,931 Points

You must be doing something different though, here is my code that made me complete it without any problems:

h1,
h2 {
  color: #fff;
}

p {
  color: #000;
}

nav a {
  color: #fff;
}

nav a:hover {
  color: #32673f;
}

I think you might be using a wrong color code or maybe you add the hover to your previous nav a? Also I see that you don't use an " ; " at the end of your declarations which you should really do as well! Even if the code editor still accepts it it will give you trouble in the future.

Definitely compare your code with the code above though and see what you did different. I hope you find the solution with this!

Kernan Loobie
Kernan Loobie
2,306 Points
Kernan Loobie
Kernan Loobie
2,306 Points

Right after i posted the comment i went back and tried it again and i got it to work......Thanks for the quick reply tho. Its good to know i have help available when i need it