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 CSS: Cascading Style Sheets What is CSS?

Posted by Emily Mitchell
.a{fill-rule:evenodd;}techdegree
Emily Mitchell
Front End Web Development Techdegree Student 8,599 Points

The style element is not working in my work-space. I triple checked my code, but my footer is not changing colors. Help!

I've followed along in writing the same code throughout the class so far and haven't had any issues. Could I have possibly not imported the CSS file correctly? The tab it opens in my work space looks identical to the one in the video.

Paul Sullivan
Paul Sullivan
7,876 Points
Paul Sullivan
Paul Sullivan
7,876 Points

Mind posting your code up for us to take a look at? Check out the "Markdown Cheatsheet" link under the post box to see how to post it properly. :)

2 Answers

Christopher Martinez
Christopher Martinez
480 Points

Does anything else from your CSS file seem to have an effect on your page? If so, I'd double check everything in both your HTML file and CSS file again (at least regarding your "footer" section). So your HTML file should have:

  <div>
    <footer>
      <a href="stuff"></a>
    </footer>
  </div>
</body>```

and your CSS file should have:
```footer {
color: #CCC;
}```

if nothing in your CSS file has had an effect on your website, then your CSS file wasn't linked or included correctly. So you'll have to look into that, go back to the lesson that shows how to do that, early on.

*edit* sorry, this looks better in my preview then when I actually post it, how do I get this thing to skip down a line?
Emily Mitchell
seal-mask
.a{fill-rule:evenodd;}techdegree
Emily Mitchell
Front End Web Development Techdegree Student 8,599 Points
Emily Mitchell
.a{fill-rule:evenodd;}techdegree
Emily Mitchell
Front End Web Development Techdegree Student 8,599 Points

Thanks guys, I got it straight. There was something off with my HTML code for footer because when I tried to change the background color of the <nav> section it worked.

Thanks again!