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?

Antoine DuBois
Antoine DuBois
3,130 Points

my color didnt change on the footer

```html<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nick Pettit | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <style> footer { color: green; } footer { color: orange; } </style> </head> <body>

11 Answers

Hey Antoine,

I think that's because you have two values for the colour of the footer?

If you delete the green property, the footer should be orange

Hope this helps =)

Antoine DuBois
Antoine DuBois
3,130 Points

thanks, but that did not help. the color is still not changing.

Can you post your code in its full format if you don't mind? Its easier to find out the issue =)

Antoine DuBois
Antoine DuBois
3,130 Points
<!DOCTYPE  html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <style>
      footer {
        color: orange;
      }
    </style>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="index.html">About</a></li>
          <li><a href="index.html">Contact</a></li>
        </ul>
      </nav>
    </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>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 glow.</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 repitition.</p>
          </a>
         </li>
          </ul>
    </section>
    <footer>
      <a href="http:twiter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter logo"</a>
      <a href="http:facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook logo"</a>
      <p>&copy; 2014 Nick Pettit</p>
     </footer>
    </body>
</html>```

Ok, so do you simply change:

<style> footer { color: orange; } </style>

to...

<style> footer { color: green; } </style>

and not add anything else? Just change the attribute?

OK, so...

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

The above would give an orange footer.

The below, would give a green footer:

 <head>
    <meta charset="utf-8">
    <title>Nick Pettit | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <style>
      footer {
        color: green;
      }
    </style>
  </head>
Antoine DuBois
Antoine DuBois
3,130 Points

as you can see from my code, its the same as yours and the color of my footer is not changing at all. it remains the original blue color when i refresh and preview in my browser.

Just noticed your HTML isn't correct, so not sure if thats having an impact

<footer>
      <a href="http:twiter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter logo"</a>
      <a href="http:facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook logo"</a>
      <p>&copy; 2014 Nick Pettit</p>
     </footer>

Should be

<footer>
      <a href="http:twiter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
      <a href="http:facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook logo"></a>
      <p>&copy; 2014 Nick Pettit</p>
     </footer>

The img tags aren't closed

OK, that's a bit weird as it works on my browser.

Maybe clear your cache and cookies and see if anything changes? If that doesn't work, I'm afraid I cannot help any further as I'm only learning too! Maybe someone else can post the correct answer and educate us both =)

Try entering your footer color code in a .css document and link your stylesheet to your html document.

Antoine DuBois
Antoine DuBois
3,130 Points

i think the browser was overriding the code. as i went further in the lesson it was explained and i fixed it by adding a to the selector in the case of the nav element html nav a {}