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 CSS Basics (2014) Basic Selectors ID Selectors

Thijs de Bruijn
PLUS
Thijs de Bruijn
Courses Plus Student 2,436 Points
Posted by Thijs de Bruijn
Thijs de Bruijn
Courses Plus Student 2,436 Points

Footer style doesn't work

I don't understand why my footer style doesn't work. I followed the instructions and I saved the documents before I tested it. Can somebody take a look at my code?

HTML

    <footer id="main-footer">
            <p>All rights reserved to the state of <a href="#">California</a>.</p>
            <a href="#top">Back to top &raquo;</a>
        </footer>
  </body>
</html>

CSS

#main-footer {
  padding-top: 60px;
  padding-bottom: 60px;
  border-bottom: solid 10px orange;
}

1 Answer

Rob Allessi
Rob Allessi
8,600 Points
Rob Allessi
Rob Allessi
8,600 Points

Greetings Thijs de Bruijn

At a glance, I'm not seeing anything wrong, but there could be some code taking place after your main-footer adjustments to the CSS later in your file that are overwriting what you've applied to your footer.

Would you please snapshot your workspace and share that with us? If you're not sure how to do that, please watch this quick tutorial on utilizing the snapshot feature within workspaces.

https://teamtreehouse.com/library/previews-and-snapshots