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 Customizing Colors and Fonts Organize CSS with Comments

Jim McArthur
Jim McArthur
3,201 Points
Posted by Jim McArthur
Jim McArthur
3,201 Points

Color /* Site Body */ not changing

Once again very new to this, I must be overlooking something very obvious..but what? body { background-color: #fff; color: #999; }

Does not change text color at the copy right

13 Answers

Richard Rogers
Richard Rogers
7,506 Points
Richard Rogers
Richard Rogers
7,506 Points

Hi jim is the copyright within a <footer> tag? footer { color:#999;}

Or an id maybe?<div id="footer">

footer { color:#999;}

Few ideas anyway hope they help.

Héctor Vargas
Héctor Vargas
1,441 Points
Héctor Vargas
Héctor Vargas
1,441 Points

The code your giving seems to be ok, although, if you can share a little more of your entire HTML code, that may be useful to us to help you out.

Héctor Vargas
Héctor Vargas
1,441 Points
Héctor Vargas
Héctor Vargas
1,441 Points

Yeah, as l said, the CSS looks to be fine, but we kinda need to see the HTML code (in your case the index.html file) so we can watch more specifically what you're trying to do :]

Jim McArthur
Jim McArthur
3,201 Points
Jim McArthur
Jim McArthur
3,201 Points

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>"Aim True North" | McCall, ID</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> <style> footer { color: green; } </style> </head> <body> <header> <a href="index.html" id="logo"> <h1>"Aim True North" </h1> <h2>McCall,ID</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/new atn logo -01.jpg"?> <img src="img/new atn logo -01.jpg" alt=""> <p>"Premiere Vacation Home"</p> </a> </li> <li> <a href=" img/Lake Art.jpg"?> <img src="img/Lake Art.jpg" alt=""> <p>"Lake Art"</p> </a> </li> <li> <a href=" img/Louie_lake2.jpg"?> <img src="img/Louie_lake2.jpg" alt=""> <p>"Two Miles from Aim True North"</p> </a> </li> <li> <a href=" img/hotel McCall-Idaho.jpg"?> <img src="img/hotel McCall-Idaho.jpg" alt=""> <p>"Town"</p> </a> </li> <li> <a href=" img/banner_lake2.jpg"?> <img src="img/banner_lake2.jpg" alt=""> <p>"Lake Payette"</p> </a> </ul> </section> <footer> <a href="http://twitter.com"><img src="img/twitter-wrap.png" alt="twitter logo"></a> <a href="http://facebook.com"><img src="img/facebook-wrap.png" alt="facebook logo"></a> <p>© 2014 Jim McArthur</p> </footer> </div> </body> </html>

Kirill Lavrishev
Kirill Lavrishev
3,699 Points
Kirill Lavrishev
Kirill Lavrishev
3,699 Points

is doesn't look like html.

<div id="footer">copyright text</div> and declare the div color in the css or just go <div style="color: green">copyright text</div>

Joshua Eagles
PLUS
Joshua Eagles
Courses Plus Student 9,142 Points
Joshua Eagles
Joshua Eagles
Courses Plus Student 9,142 Points

looking at the screen shot I'm with Richard Rodgers. I would say your COPYWRITE tag is within another div that has a color assigned to it. but just like everyone here we need to see a little more in order to know for sure.

Jim McArthur
Jim McArthur
3,201 Points
Jim McArthur
Jim McArthur
3,201 Points

Thank you I will check it

Jim McArthur
Jim McArthur
3,201 Points
Jim McArthur
Jim McArthur
3,201 Points

Here is all of it both html and css thanks for the help ...it must be pretty simple and I just don't see it. index. html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>"Aim True North" | McCall, ID</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> <style> footer { color: green; } </style> </head> <body> <header> <a href="index.html" id="logo"> <h1>"Aim True North" </h1> <h2>McCall,ID</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/new atn logo -01.jpg"?> <img src="img/new atn logo -01.jpg" alt=""> <p>"Premiere Vacation Home"</p> </a> </li> <li> <a href=" img/Lake Art.jpg"?> <img src="img/Lake Art.jpg" alt=""> <p>"Lake Art"</p> </a> </li> <li> <a href=" img/Louie_lake2.jpg"?> <img src="img/Louie_lake2.jpg" alt=""> <p>"Two Miles from Aim True North"</p> </a> </li> <li> <a href=" img/hotel McCall-Idaho.jpg"?> <img src="img/hotel McCall-Idaho.jpg" alt=""> <p>"Town"</p> </a> </li> <li> <a href=" img/banner_lake2.jpg"?> <img src="img/banner_lake2.jpg" alt=""> <p>"Lake Payette"</p> </a> </ul> </section> <footer> <a href="http://twitter.com"><img src="img/twitter-wrap.png" alt="twitter logo"></a> <a href="http://facebook.com"><img src="img/facebook-wrap.png" alt="facebook logo"></a> <p>© 2014 Jim McArthur</p> </footer> </div> </body> </html>

=================================================================== css /************************************ General ************************************/

wrapper {

max-width: 940px; margin: 0 auto; padding: 0 5%; }

a { text-decoration: none; }

/************************************ Heading ************************************/

logo {

text-align: center; margin: 0%;

color: #6ab47b; }

/************************************ Colors ************************************/

/* Site Body / body { background-color: #fff; color: #999; } / green header*/ header { background: #6ab47b; border-color: #599a68 }

/* nav background on mobile / nav { background: #599a68; } / logo text */ h1,h2 { color: #fff; }

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

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

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

Héctor Vargas
Héctor Vargas
1,441 Points
Héctor Vargas
Héctor Vargas
1,441 Points

How about this? Could you tell me if this is close on what you're trying to do?

<!DOCTYPE html>
<html>

<head>
<title>"Aim True North" | McCall, ID</title>
<style>
footer{
color: green;
}
</style>
</head>

<body>
<p>"Aim True North" McCall,ID portfolio about contact "Premiere Vacation Home" "Lake Art" "Two Miles from Aim True North" "Town" "Lake Payette"</p>
<footer>
© 2014 Jim McArthur
</footer>
</body>

</html>

l hope this helps...

Joshua Eagles
PLUS
Joshua Eagles
Courses Plus Student 9,142 Points
Joshua Eagles
Joshua Eagles
Courses Plus Student 9,142 Points

your css is commented out " /* ".. And the HTML you posted has no markup..

it should read like this:

/************************************ Colors ************************************/

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

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

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

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

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

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

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

Joshua Eagles
PLUS
Joshua Eagles
Courses Plus Student 9,142 Points
Joshua Eagles
Joshua Eagles
Courses Plus Student 9,142 Points

also try not to mix inline css or embedded css with a style sheet.. it make the code harder to debug later.