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
Iyiola Shittu
4,705 PointsSet the color of anchor elements inside the nav element to white using a hexadecimal value?
I am unable to complete the above task, I have written the codes below several times but I keep getting the "BUMMER!" message:
nav a { color: #fff; }
7 Answers
Christian Andersson
8,712 PointsHah! I think I got it!
You have a double space between nav and a and that gives me an error when reproducing. Make sure there is only one space between.
Mina Qubaisi
2,278 PointsI think you're right Christian. It looks like a double space from the screenshot.
copy this:
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;
}
Iyiola Shittu
4,705 PointsAmazing guys!!!!!!!!!!!!!!!!!!!!!
IT WORKEDDDDDD!!!!!!!!!!
BEST ANSWER!!!!!!!!!!!!!!!!!!
Christian Andersson
8,712 PointsGlad it worked out for you :)
Christian Andersson
8,712 Pointsnav a{ color: #fff; }
is correct and the right answer to that challenge. Check that you aren't missing a curly bracket above that line or something that might be conflicting. If the error persists, reload the page and try again.
Iyiola Shittu
4,705 PointsI have reloaded the page- did not work. I have used other browsers- did not work. Used other devices- did not work.
This is my full code:
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; }
I have also completed all the other objectives in the track "How to make a website" except this one.
This means I won't have my points.
Kinda frustrating after so much hours learning.
Christian Andersson
8,712 PointsThat's weird. I ran it again just to check, and sure enough: http://i.imgur.com/8hckLzc.png
I also tried re-loading the page and copy-pasting the code as you posted it here - worked fine. Not sure what to suggest. Is your primary pc language english? Perhaps there is some encoding issue with the text?
Iyiola Shittu
4,705 PointsYea...am guessing so. May be its technical issues.
Been stuck here for days...guess its bad luck for me.
If you do come across any solution kindly update me here.
Thanks.
Iyiola Shittu
4,705 PointsSee this: http://imgur.com/seSdP4g
Mina Qubaisi
2,278 PointsHey Iyiola, perhaps you can try this challenge on a different browser than the one causing you problems.
Iyiola Shittu
4,705 PointsHi
I did that as well- Explorer, Chrome, Firefox and even Torch Browser.
Any other suggestions??
Thanks
Mina Qubaisi
2,278 PointsTry this:
nav a{ color: #ffffff; }
Iyiola Shittu
4,705 PointsDidn't not work... :(
Mina Qubaisi
2,278 PointsCan you upload a screenshot of where you're adding the code in this challenge? Just to get a sense of what's going on.
I know how frustrating this could be after putting so much time into this. Maybe it's a spacing issue. I'm just trying to think of what could possible cause this.
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; }
Christian Andersson
8,712 PointsI copy pasted his code as he posted it above, and it worked for me. :S
Iyiola Shittu
4,705 PointsHi,
Here you go: http://imgur.com/seSdP4g
Mina Qubaisi
2,278 PointsFINALLY! :D
Iyiola Shittu
4,705 PointsEUREKA
Sreng Hong
15,083 PointsSreng Hong
15,083 Pointsinclude a link to this code challenge please