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

CSS

Posted by Brian Kellione
Brian Kellione
1,424 Points

Challenge Task 4 of 4>Make sure that you've styled links (a) elements inside the nav to be white with a hexidecimal

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:hover {
    color: #32673f;
}

3 Answers

Laura Cressman
Laura Cressman
12,548 Points
Laura Cressman
Laura Cressman
12,548 Points

Did you try something like nav a {color: #FFF;}? Let me know if that works!

Brian Kellione
Brian Kellione
1,424 Points

Thanks Laura,nothing is working, I have been thru every possible answer ib the forum???

Dillon Patel
Dillon Patel
4,025 Points

I think the issue might not be with nav a {color: #FFF;}, but instead, that you are missing semi-colons in your h1, h2 selector, and p selector (specifically on the color properties).

Let me know if that fixes your problem!

Laura Cressman
Laura Cressman
12,548 Points

Hi Brian, Did you make sure to add nav a {color: #FFF;} with exactly the right syntax? I just did the challenge, and this worked. Let me know if you figure it out! Sunshine and happiness, Laura:)

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

nav a:hover {
    color: #32673F;
}
Dillon Patel
Dillon Patel
4,025 Points
Dillon Patel
Dillon Patel
4,025 Points

Hey!

Adding nav a { color: #fff } should do the trick.

Your current code includes a psuedo class in your nav a selector therefore the color will only be changed when the site user is hovering over a link.

Dillon

Brian Kellione
Brian Kellione
1,424 Points

Q>Add a hover state for navigation links that changes the text color to the value #32673f, Bummer! Make sure that you've styled links (a) elements inside the nav to be white with a hexidecimal value.

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:hover { color: #32673f; }

Silvio J Molina
Silvio J Molina
4,512 Points
Silvio J Molina
Silvio J Molina
4,512 Points

This worked for me!

a { text-decoration: #ffffff; }

wrapper {

max-width: 940px; margin: 0 auto; }

logo {

text-align: center; margin: 0; }

h1 { color: #ffffff; } h2 { color: #ffffff; } p { color: #000000; } nav a{ color: #ffffff; }