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 Joshua Sander
Joshua Sander
338 Points

Header color not changing

Hello, I'm at the point in the video tutorial where we change the header color. I copied the code they used. However, my color did not change. Does anyone know why? Here's the CSS followed by a portion of the html:

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

HTML:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Martha Sander | Cynic</title>
    <link rel="stylesheet" href="css.normalize">
    <link rel="stylesheet" href="css.main">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
      <h1>Martha Sander</h1>
      <h2>Designer, Chef, Rat Trainer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
  <div id="wrapper">
Joshua Sander
Joshua Sander
338 Points

Well, it turned my html code into two links, so I guess that wasn't very helpful in explaining the problem.

3 Answers

Zach Patrick
Zach Patrick
19,209 Points
Zach Patrick
Zach Patrick
19,209 Points

You linked it to 'css.main', but it should be 'main.css'.

Zach Patrick
Zach Patrick
19,209 Points
Zach Patrick
Zach Patrick
19,209 Points

The file extension always goes last.

<link rel="stylesheet" href="main.css">
Sonya Trachsel
Sonya Trachsel
13,674 Points
Sonya Trachsel
Sonya Trachsel
13,674 Points

Hi Joshua, try background-color instead

Philip Schultz
Philip Schultz
11,437 Points
Philip Schultz
Philip Schultz
11,437 Points

Should be a relative file. href= "css/main.css". it needs to find the css folder first then the main .css file.