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

Posted by Dumitrascu Gabriel-Alexandru
Dumitrascu Gabriel-Alexandru
Courses Plus Student 415 Points

How should i do ?

I added a hover state with the value of # 32673f; and nothing

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:#000000;
}

nav a, nav a:visited {
    color:#fff; 
}
nav a, nav a :hover {
  color:# 32673f;
}

4 Answers

Shawn Denham
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,801 Points
Shawn Denham
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,801 Points

You have a space in your color declaration between the # and the hex number and a space between your a and your :hover

sarahwehinger
sarahwehinger
3,848 Points
sarahwehinger
sarahwehinger
3,848 Points

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

there is a space between a :hover and between # and the HEXA Code. Thats wrong.

Here the right code:

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

Tobias Helmrich
Tobias Helmrich
31,602 Points
Tobias Helmrich
Tobias Helmrich
31,602 Points

Hey Dumitrascu,

firstly the challenge only wants you to change the anchors inside the nav element to white so you can leave away the nav a:visited. The other problem you have is that you must not have any whitespace between the element and hover and between the # symbol and the hex value. You wrote a :hover and # 32673f . If you remove the whitespace it should work.

nav a {
  color: #fff;
}

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

Good luck! :)

Dumitrascu Gabriel-Alexandru
PLUS
Dumitrascu Gabriel-Alexandru
Courses Plus Student 415 Points
Dumitrascu Gabriel-Alexandru
Dumitrascu Gabriel-Alexandru
Courses Plus Student 415 Points

Thanks allot .. Appreciate the help!