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

HTML How to Make a Website CSS: Cascading Style Sheets Use ID Selectors

Tatum Osborne
PLUS
Tatum Osborne
Courses Plus Student 378 Points
Posted by Tatum Osborne
Tatum Osborne
Courses Plus Student 378 Points

My 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; }

Jarold Wong
Jarold Wong
7,766 Points

Are you using a workspace?

Chad Sager
Chad Sager
7,598 Points
Chad Sager
Chad Sager
7,598 Points

Need a # before the color

5 Answers

ihengsiho
ihengsiho
2,494 Points
ihengsiho
ihengsiho
2,494 Points

I 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
PLUS
Tatum Osborne
Courses Plus Student 378 Points
Tatum Osborne
Tatum Osborne
Courses Plus Student 378 Points

Yes, of course I am ...I'm following the tutorial in the course

nico dev
nico dev
20,364 Points
nico dev
nico dev
20,364 Points

Then 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
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points
Tracy Excell
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points

It 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
Hunter Gass
4,878 Points
Hunter Gass
Hunter Gass
4,878 Points

I 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
Sarah Money
1,986 Points
Sarah Money
Sarah Money
1,986 Points

I 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
Chad Sager
7,598 Points
Chad Sager
Chad Sager
7,598 Points

Needs a # before the color

Kay Angevare
Kay Angevare
1,506 Points
Kay Angevare
Kay Angevare
1,506 Points

When 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