Having trouble with my footer color not changing to #ccc

Question

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Jason Nelson | Casual Consumer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:600italic,700italic,400,800,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>Jason Nelson</h1>
        <h2>Casual Consumer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html" class="selected">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">
      <section>
        <ul id="gallery">
          <li>
            <a href="img/numbers-01".jpg">
            <img src="img/numbers-01.jpg" alt="">
            <p>This is an example of my new artwork.</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-02".jpg">
            <img src="img/numbers-02.jpg" alt="">
            <p>Photoshop.</p>
            </a>
          </li>


    <li>
            <a href="img/numbers-06".jpg">
            <img src="img/numbers-06.jpg" alt="">
            <p>Dripsk.</p>
            </a>
          </li>

    <li>
            <a href="img/numbers-09".jpg">
            <img src="img/numbers-09.jpg" alt="">
            <p>New shapes.</p>
            </a>
          </li>

    <li>
            <a href="img/numbers-12".jpg">
            <img src="img/numbers-12.jpg" alt="">
            <p>This is an example of my new artwork.</p>
            </a>
          </li>


        </ul>
      </section>
      <footer>
        <a href="http://twitter.com/seattlefootclan"><img src="img/twitter-wrap.png" alt="Twitter logo"</a>
        <a href="http://facebook.com/Jasonnelson"><img src="img/facebook-wrap.png" alt="Facebook logo"</a>
        <p>&copy; 2014 Jason Nelson.</p>
      </footer>
  </body>
</div>
</html>
```/

```css /

/***********************************
GENERAL

************************************/


body {
    font-family: 'Open Sans', sans-serif;

}

#wrapper {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 5%;

}


a {
    text-decoration: none;
}

img {
    max-width: 100%;
}


/***********************************
HEADING

************************************/

#logo {
    text-align: center;
    margin: 0;
}


h1 {
    font-family: 'Changa One', sans-serif;
    margin: 15px 0;
    font-size: 1.75em
    font-weight: normal;
    line-height: 0.8em;
}

h2 {
    font-size: 0.75em;
    margin: -5px 0 0;
    font-weight: normal;

}


/***********************************
NAVIGATION

************************************/

nav {
    text-align: center;
    padding: 10px 0;
    margin: 20px 0;
}



/***********************************
FOOTER

************************************/

footer {
    font-size: 0.75em
    text-align: center;
    clear: both;
    padding-top: 50px;
    color: #ccc;
}


/***********************************
PAGE PORTFILIO

************************************/

#gallery {
    margin: 0;
    padding: 0;
    list-style: none;
}


#gallery li {
    float: left;
    width: 45%;
    margin: 2.5%;
    background-color: f5f5f5;
    color: bdc3c7;
}



#gallery li a p { 
    margin: 0;
    padding: 5%;
    font-size: 0.75em;
    color: #bdc3c7;
}


/***********************************
COLORS

************************************/
/* site body */
body {
    background-color: #fff;
    color: #999;
}


/*green header */
header {
    background: #6ab47b;
    border-color: #599a68;
}


/* nav background on mobile devices */
nav {
    background: #599a68;
}


/* logo text color*/
h1, h2 {
    color: #fff;
}


/*links*/
a {
    color: #6ab47b;
}


/* nav link color */
nav a, nav a:visited {
    color: #fff;
}


/*selected nav link color */
nav a.selected, nav a:hover {
    color: #32673f;

```/

I just can't find what I've done wrong. Help please!

-Thanks,

Answer 1 · 2014-04-22T01:50:10Z

April 22, 2014 1:50am

I also forgot the mention my font is still large and not the #ccc small font similar to my `paragraphs under the img's.

Answer 2 · 2014-04-22T07:27:12Z

April 22, 2014 7:27am

One thing I notice is that you don't have the right angle bracket on your img tags inside your footer.

This:

<a href="http://twitter.com/seattlefootclan"><img src="img/twitter-wrap.png" alt="Twitter logo"</a>
<a href="http://facebook.com/Jasonnelson"><img src="img/facebook-wrap.png" alt="Facebook logo"</a>

Should be this:

<a href="http://twitter.com/seattlefootclan"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
<a href="http://facebook.com/Jasonnelson"><img src="img/facebook-wrap.png" alt="Facebook logo"></a>

Answer 3 · 2014-04-22T21:20:02Z

April 22, 2014 9:20pm

Thanks, that changed the font color,but my font size is still large and not the size of the paragraphs under the img's

Answer 4 · 2014-04-22T21:26:12Z

April 22, 2014 9:26pm

Didn't catch it before but you were missing a semicolon after font-size

footer {
    font-size: 0.75em     /* missing semicolon here */
    text-align: center;
    clear: both;
    padding-top: 50px;
    color: #ccc;
}

Try fixing that and see where you're at.

Answer 5 · 2014-04-22T21:38:04Z

April 22, 2014 9:38pm

WOW! thanks for the quick replies, it works.. it took me all night and I couldn't find out why the code wouldn't work.

Thanks again,

Welcome to the Treehouse Community

Looking to learn something new?

Jason Nelson

Jason Nelson

Having trouble with my footer color not changing to #ccc

5 Answers

Jason Nelson

Jason Nelson

Jason Anello

Jason Anello

Jason Nelson

Jason Nelson

Jason Anello

Jason Anello

Jason Nelson

Jason Nelson