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 Classes in CSS

Doug Hudson
Doug Hudson
791 Points
Posted by Doug Hudson
Doug Hudson
791 Points

copyright isnt changing colors after adding css code

after i include the CSS code to change the color of the copyright info at bottom of the page its still blue even though i did exactly what he did?

Doug Hudson
Doug Hudson
791 Points
Doug Hudson
Doug Hudson
791 Points 
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;
}

nav {
  background: #599a68;
}

nav a, nav a:visited {
  color: #fff
}
nav a.selected, nav a:hover {
  color: #32673f;
}

body {
  background-color: #fff;
  color: #999;
}

~ Fixed formatting. Please see Guide to markdown

3 Answers

Riho Rannamäe
Riho Rannamäe
3,784 Points
Riho Rannamäe
Riho Rannamäe
3,784 Points

Can I see your index.html code? Other than that, the CSS code looks correct for me.

Doug Hudson
Doug Hudson
791 Points
Doug Hudson
Doug Hudson
791 Points

,,,,,

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Doug Hudson | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> <style> ul { list-style: none; } </style> </head> <body> <header> <a href="index.html" id="logo"> <h1>Doug Hudson</h1> <h2>Designer</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> <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 a 80's style 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> <a href="http://www.twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="http://www.facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a> <style> footer { color: blue; } </style> 

  <p>&copy: 2016 Doug Hudson</p>
  </footer>
</div>

</body> </html> ,,,,,,

Riho Rannamäe
Riho Rannamäe
3,784 Points
Riho Rannamäe
Riho Rannamäe
3,784 Points

In your index.html code you have a style element that makes the footer blue, you should delete that, so it takes the color from the CSS file code instead. Delete this from index.html:

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

Also you have a colon after the copyright entity, there should be a semicolon after the word "&copy":

<p>&copy; 2016 Doug Hudson</p>

Hope this helps! :)

Doug Hudson
Doug Hudson
791 Points
Doug Hudson
Doug Hudson
791 Points

ohhhh ok! I had thought css cancel'd out the html color code. Also thanks for pointing out the copy:(;) mistake! Really appreciate the help! Cheers!

terminator genesys
seal-mask
.a{fill-rule:evenodd;}techdegree
terminator genesys
Front End Web Development Techdegree Student 291 Points
terminator genesys
.a{fill-rule:evenodd;}techdegree
terminator genesys
Front End Web Development Techdegree Student 291 Points

you should try adding the style to the head of the document and use a class or id for footer because classes and id's are more specific than element selector