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 trialMing 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
229,783 PointsCheck your media query, it contains border-bottom
.
Ming Lei
808 PointsThank you for your help!
1 Answer
Steven Parker
229,783 PointsIt seems to work for me also.
Are you sure you both saved your changes, and then refreshed your browser?
And your border-bottom is overridden in your media query.
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.