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 Use Color in CSS

Posted by Fletty V
Fletty V
728 Points

I 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
Clayton Batchelor
6,170 Points
Clayton Batchelor
Clayton Batchelor
6,170 Points

have you tried bgcolor? instead of background. also look at the end of your a tag what is miss?

Fletty V
Fletty V
728 Points

Hmm thanks but that didn't seem to help unfortunately.

Ivan Gonzalez
PLUS
Ivan Gonzalez
Courses Plus Student 1,771 Points
Ivan Gonzalez
Ivan Gonzalez
Courses Plus Student 1,771 Points

Can you put your html code?

Fletty V
Fletty V
728 Points
Fletty V
Fletty V
728 Points

Here 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
Ivan Gonzalez
Courses Plus Student 1,771 Points

I don't see any mistake. Clean your browser cache or try h1, h2 { color: #fff !important; }

Fletty V
Fletty V
728 Points
Fletty V
Fletty V
728 Points

Thanks - unfortunately that didn't work either. I want to keep learning but I'm really stuck!

Clayton Batchelor
Clayton Batchelor
6,170 Points
Clayton Batchelor
Clayton Batchelor
6,170 Points

Your a { color: #6ab47b } is that its supposed to be a { color: #6ab47b;} you need to end it with a semi

Fletty V
Fletty V
728 Points
Fletty V
Fletty V
728 Points

Thanks - 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
Clayton Batchelor
6,170 Points
Clayton Batchelor
Clayton Batchelor
6,170 Points

What does the error say? You should get a little error saying bummer...

Fletty V
Fletty V
728 Points

This is in workspace so I'm not getting an error message

lovelie simon
lovelie simon
352 Points
lovelie simon
lovelie simon
352 Points

for the anchor element instead of putting an a put "" put two quotation mark thast what i did and my code worked.