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 How to Make a Website CSS: Cascading Style Sheets What is CSS?

Troy Hilse
PLUS
Troy Hilse
Courses Plus Student 2,435 Points

The color of the footer does not change.

This is what I have entered: <style> footer { color: green; } </style>

5 Answers

I see so, the problem is that you need to say on the css that the text is inside the "p element tag"

so this is how you do it in css.

footer p {

color: green;

}

so this say that the color should be applied to the paragraph tag that is inside the footer tag.

if still not working it's probably because you don't have the

the title and everything linking css, javascript... needs to be inside the 

 <head></head>```

``` html
<!DOCTYPE html>

<meta charset="utf-8">
<head>
<title>Troy Hilse | Designer</title>
<link rel="stylesheet" href="css/normalize.css">
<style>
  footer {
    color: green;
  }
  </style>
</head>

Hello Troy Hilse.

So the color property changes the font color to green. if you would like to change the background color, you need to use the

           footer {
 background-color: green;
}
Troy Hilse
PLUS
Troy Hilse
Courses Plus Student 2,435 Points

Thanks Fredrico, but its just not working for me. I even cleared cache.

I'm just following along with the instructor. The example is simply to change the color of the font in the footer. Simple. But the example doesn't work for me. This is the entire index.html file. What am I doing wrong?

Sorry for the length. I wish this comment section would allow the user to highlight the portions of text.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Troy Hilse | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <style> footer { color: green; } </style> </head> <body> <header> <a href="index.html"> <h1>Troy Hilse</h1> <h2>Designer</h2> </a> <nav> </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> </header> <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>Blending images.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>8011s style glows.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Brips using photoshop.</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Shapes using Repetition.</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com/ooga"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="http://facebook.com/troyhilse"><img src="img/facebook-wrap.png" alt="Facebook Logo"> <p>© 2015 Troy Hilse.</p> </footer> </body> </html>

You're welcome. Let me know if you need help with something else.

Please press the Up arrow to vote on my question, thank you.