Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Ming Lei
Ming Lei
808 Points

CSS page not working

Why won't any changes occur when i change the CSS page? I tried to change the color of my header, but it didn't change. Even after deleting the file, the website still stayed the same.

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Well, if you deleted the file and the webpage stayed the same it would indicate that the CSS file was never being loaded properly to begin with. In which case we'd need to see all your code and file/directory structure. This can be most easily accomplished by making a snapshot of your workspace. To do this, go to the workspace and click on the camera icon on the upper right-hand side. Then open the link made and copy the link here.

Ming Lei
Ming Lei
808 Points

https://w.trhou.se/0sg4i5c0ko

That is the link to the snapshot

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Strange. If I change this inside your main.css the header shows up as blue. Try it, save it, and refresh the page and see if it will update.

/* Red Header */
header {
  background: steelblue;
  border: 5px solid #cc0000;
}
Ming Lei
Ming Lei
808 Points

It worked! Thanks!

Ming Lei
Ming Lei
808 Points

But also, when i change the border color, the bottom bar doesn't seem to change color.

Steven Parker
Steven Parker
221,297 Points

Check your media query, it contains border-bottom.

Ming Lei
Ming Lei
808 Points

Thank you for your help!

1 Answer

Steven Parker
Steven Parker
221,297 Points

It seems to work for me also.

Are you sure you both saved your changes, and then refreshed your browser?

:point_right: And your border-bottom is overridden in your media query.

And I loved this: "© 2016 Not Actually Copyrighted" :smile:

Ming Lei
Ming Lei
808 Points

Ha, I don't know what I did, but at least it works now!