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.

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

Tatum Osborne
PLUS
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; }

Are you using a workspace?

Chad Sager
Chad Sager
7,598 Points

Need a # before the color

5 Answers

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

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

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

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

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

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

Needs a # before the color

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