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 trialJim McArthur
3,201 PointsColor /* 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
7,506 PointsHi 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
1,441 PointsThe 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
1,441 PointsYeah, 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
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
3,699 Pointsis 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
Courses Plus Student 9,142 Pointslooking 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
3,201 PointsThank you I will check it
Jim McArthur
3,201 PointsHere 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
1,441 PointsHow 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
Courses Plus Student 9,142 Pointsyour 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
Courses Plus Student 9,142 Pointsalso try not to mix inline css or embedded css with a style sheet.. it make the code harder to debug later.