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 trialTatum Osborne
Courses Plus Student 378 PointsMy websites Background is not changing color!..My code looks the same as the tutorial please help..
I followed the directions exactly what am I doing wrong?
Index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Tatum Osborne | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html"> <h1>Tatum Osborne</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experime
main.css
body { background-color:orange; }
Chad Sager
7,598 PointsNeed a # before the color
5 Answers
ihengsiho
2,494 PointsI had the same issue because I didn't realize the folder names in Workspaces are case sensitive. I had created the CSS folder in uppercase, but used lowercase in the coding.
<link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css">
Tatum Osborne
Courses Plus Student 378 PointsYes, of course I am ...I'm following the tutorial in the course
nico dev
20,364 PointsThen a good idea would be sharing your Workspace here.
Check for the first option at the top-right of your Workspace. It will create a snapshot that you can share here with the link provided.
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 PointsIt is hard to see from this code, but if you do not have a closing body tag </body> your CSS will not work. Can you post your workspace so we can see what is going on?
Hunter Gass
4,878 PointsI think Nick forgot to mention that in work spaces you need to put your main.css file in the css folder. You can't have a link element going to something that is in another folder.
Sarah Money
1,986 PointsI also made this mistake. Watched the video twice, and never heard him say to move the main.css file into the css folder. Then caught him say it the third time I watched it.
Chad Sager
7,598 PointsNeeds a # before the color
Kay Angevare
1,506 PointsWhen you're using color names as a value to set the color to, you should not use the hash (#) sign. The # is only used to let the browser know you're about to refer it to a HEX color-code.
The following color values will set the color to the exact same: http://www.december.com/html/spec/color2.html
Jarold Wong
7,766 PointsJarold Wong
7,766 PointsAre you using a workspace?