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
sandygomez
2,498 Pointsmy background text did not turn grey in use of class video
my background text did not turn grey in use of class video. It still looks green even though I put in the color #999: body { background-color: #fff; color: #999; }
sandygomez
2,498 Points'''css''''
body {
background-color: #fff;
color: #999;
}
Nick wants us to change the text in the body from green to gray. I refresh and my bottom text still looks green, even though i have changed the color to : color: #999
7 Answers
Damien Watson
27,419 PointsHere it is in your html, you didn't close the image tag.
<a href="http://facebook.com/labicha.maje">
<img src="img/facebook-wrap.png" alt="facebook logo"></a>
Damien Watson
27,419 Pointsor the Twitter one:
<a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="twitter logo"></a>
Damien Watson
27,419 PointsThe light grey he is referring to is the 'copyright' in the footer. The text under each image is meant to be green because they are links, which he has styles to be green. Is this what you are seeing?
sandygomez
2,498 Pointsno, the copyright symbol is also green. It does not change color.
Damien Watson
27,419 PointsOk, can you please post your whole css / html, I will be able to help with that.
If the copyright symbol is clickable, it may be that you haven't closed an anchor tag properly.
sandygomez
2,498 Pointsyes its clickable and it links to my Facebook. I am guessing theres something I messed up!
'''html'''
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Sandy Gomez | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html"id="logo"> <h1>Sandy Gomez</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="portfolio.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 image</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 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://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="twitter logo"</a>
<a href="http://facebook.com/labicha.maje">
<img src="img/facebook-wrap.png" alt="facebook logo"</a>
<p>© 2015 Sandy Gomez.</p>
</footer>
</div>
</body> </html>
sandygomez
2,498 Points'''css'''
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; }
/* site body */ body { background-color: #fff; color: #999; }
sandygomez
2,498 PointsI don't know/remember how to close a tag correctly? can you tell me what that involves. is it putting a (>) after <img src="img/twitter-wrap.png">
Damien Watson
27,419 PointsMy code above does it correctly, notice the '>' in the 'alt="">'. All you need to remember is that if you open '<' you need to close with '>'.
examples:
<img src="myImage.png">
<br>
<p>Example</p>
<a href="#">Example link</a>
sandygomez
2,498 Pointsok thank you so much! I fixed it!
Damien Watson
27,419 PointsCool, I wrote this then saw your message: My code above does it correctly, notice the '>' in the 'alt="">'. All you need to remember is that if you open '<' you need to close with '>'.
examples:
<img src="myImage.png">
<br>
<p>Example</p>
<a href="#">Example link</a>
Damien Watson
27,419 PointsDamien Watson
27,419 PointsHi Sandy, are you able to post the code? I'm unsure of your question, you use class "video" but put the color on "body"?