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
Antoine DuBois
3,130 Pointsmy color didnt change on the footer
```html<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nick Pettit | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <style> footer { color: green; } footer { color: orange; } </style> </head> <body>
11 Answers
Damon Johnson
Courses Plus Student 2,775 PointsHey Antoine,
I think that's because you have two values for the colour of the footer?
If you delete the green property, the footer should be orange
Hope this helps =)
Antoine DuBois
3,130 Pointsthanks, but that did not help. the color is still not changing.
Damon Johnson
Courses Plus Student 2,775 PointsCan you post your code in its full format if you don't mind? Its easier to find out the issue =)
Antoine DuBois
3,130 Points<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Nick Pettit | Designer</title>
<link rel="stylesheet" href="css/normalize.css">
<style>
footer {
color: orange;
}
</style>
</head>
<body>
<header>
<a href="index.html">
<h1>Nick Pettit</h1>
<h2>Designer</h2>
</a>
<nav>
<ul>
<li><a href="index.html">Portfolio</a></li>
<li><a href="index.html">About</a></li>
<li><a href="index.html">Contact</a></li>
</ul>
</nav>
</header>
<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 an 80's style of glow.</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 repitition.</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http:twiter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter logo"</a>
<a href="http:facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook logo"</a>
<p>© 2014 Nick Pettit</p>
</footer>
</body>
</html>```
Damon Johnson
Courses Plus Student 2,775 PointsOk, so do you simply change:
<style> footer { color: orange; } </style>
to...
<style> footer { color: green; } </style>
and not add anything else? Just change the attribute?
Antoine DuBois
3,130 Pointsim not sure if i follow?
Damon Johnson
Courses Plus Student 2,775 PointsOK, so...
<head>
<meta charset="utf-8">
<title>Nick Pettit | Designer</title>
<link rel="stylesheet" href="css/normalize.css">
<style>
footer {
color: orange;
}
</style>
</head>
The above would give an orange footer.
The below, would give a green footer:
<head>
<meta charset="utf-8">
<title>Nick Pettit | Designer</title>
<link rel="stylesheet" href="css/normalize.css">
<style>
footer {
color: green;
}
</style>
</head>
Antoine DuBois
3,130 Pointsas you can see from my code, its the same as yours and the color of my footer is not changing at all. it remains the original blue color when i refresh and preview in my browser.
Damon Johnson
Courses Plus Student 2,775 PointsJust noticed your HTML isn't correct, so not sure if thats having an impact
<footer>
<a href="http:twiter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter logo"</a>
<a href="http:facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook logo"</a>
<p>© 2014 Nick Pettit</p>
</footer>
Should be
<footer>
<a href="http:twiter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
<a href="http:facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook logo"></a>
<p>© 2014 Nick Pettit</p>
</footer>
The img tags aren't closed
Damon Johnson
Courses Plus Student 2,775 PointsOK, that's a bit weird as it works on my browser.
Maybe clear your cache and cookies and see if anything changes? If that doesn't work, I'm afraid I cannot help any further as I'm only learning too! Maybe someone else can post the correct answer and educate us both =)
Antoine DuBois
3,130 Pointsthanx for the effort
chrisdev
16,941 PointsTry entering your footer color code in a .css document and link your stylesheet to your html document.
Antoine DuBois
3,130 Pointsi think the browser was overriding the code. as i went further in the lesson it was explained and i fixed it by adding a to the selector in the case of the nav element html
nav a {}