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.
Ming Lei
808 PointsCSS 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.
Ming Lei
808 PointsThat is the link to the snapshot
Jennifer Nordell
Treehouse TeacherStrange. 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
808 PointsIt worked! Thanks!
Ming Lei
808 PointsBut also, when i change the border color, the bottom bar doesn't seem to change color.
Steven Parker
221,297 PointsCheck your media query, it contains border-bottom.
Ming Lei
808 PointsThank you for your help!
1 Answer
Steven Parker
221,297 PointsIt seems to work for me also.
Are you sure you both saved your changes, and then refreshed your browser?
And I loved this: "© 2016 Not Actually Copyrighted"
Ming Lei
808 PointsHa, I don't know what I did, but at least it works now!
Jennifer Nordell
Treehouse TeacherJennifer Nordell
Treehouse TeacherWell, 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.