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 trialFletty V
728 PointsI can't get my headers to change to white... Can anyone assist please?
a { color: #6ab47b }
header { background: #6ab47b; border-color: #599a68; }
h1, h2 { color: #fff; }
8 Answers
Clayton Batchelor
6,170 Pointshave you tried bgcolor? instead of background. also look at the end of your a tag what is miss?
Ivan Gonzalez
Courses Plus Student 1,771 PointsCan you put your html code?
Fletty V
728 PointsHere it is - thanks
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Fletcher | Learner</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<a href="index.html" id="logo">
<h1>Fletcher</h1>
<h2>Learner</h2>
</a>
<nav></nav>
<ul>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</header>
<div id="wrapper">
<section>
<ul>
<li>
<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p>Experimentation with color and texture.</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p>Playing with blending modes in photoshop</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p>Trying to create an 80's style of glows</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg" alt="">
<p>Drips created using Photoshop brushes</p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg" alt="">
<p>Creating shapes using repetition.</p>
</a>
</li>
</ul>
</section>
<footer>
</footer>
</div>
</body>
</html>
Ivan Gonzalez
Courses Plus Student 1,771 PointsI don't see any mistake. Clean your browser cache or try h1, h2 { color: #fff !important; }
Fletty V
728 PointsThanks - unfortunately that didn't work either. I want to keep learning but I'm really stuck!
Clayton Batchelor
6,170 PointsYour a { color: #6ab47b } is that its supposed to be a { color: #6ab47b;} you need to end it with a semi
Fletty V
728 PointsThanks - I changed that after the first comment but unfortunately that didn't fix the problem - this is my main.css code in full
a {
text-decoration: none;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
padding: 0 5%;
}
#logo {
text-align: center;
margin: 0;
}
a {
color: #6ab47b;
}
header {
background: #6ab47b;
border-color: #599a68;
}
h1, h2 {
color: #fff;
}
Clayton Batchelor
6,170 PointsWhat does the error say? You should get a little error saying bummer...
Fletty V
728 PointsThis is in workspace so I'm not getting an error message
lovelie simon
352 Pointsfor the anchor element instead of putting an a put "" put two quotation mark thast what i did and my code worked.
Fletty V
728 PointsFletty V
728 PointsHmm thanks but that didn't seem to help unfortunately.