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

Posted by Shikhar Prateek
Shikhar Prateek
13,908 Points

Background color is not changing.

I guess my css file is not getting linked to html file. I am not able to figure out what's the reason.

Shikhar Prateek
Shikhar Prateek
13,908 Points

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Shikhar | designer</title> <link rel="stylesheet" href="css/normalize.css"/> <link rel="stylesheet" href="css/main.css"/> </head> <body> <header> <a href="index.html"> <h1> Shikhar Prateek </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>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending mode in photoshop.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Trying to creata an 80's style of glows.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Drips created using photoshop brushes</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Creating shapes with repetition.</p> </a> </li>

  </ul>
</section>
<footer>
  <a href="https://twitter.com/lavshikhar"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
  <a href="https://www.facebook.com/shikhar.prateek"><img src="img/facebook-wrap.png" alt="Facebook logo"></a>
  <p> &copy; 2016 Shikhar.</p>
</footer>

</body>
</html>

Shikhar Prateek
Shikhar Prateek
13,908 Points

body { background-color: Orange; }

3 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

First change Orange to orange. Sometimes capitalization matters. If this fails, check the obvious. Save your files, refresh your page, and try clearing your browser cache then refreshing again.

Shikhar Prateek
Shikhar Prateek
13,908 Points
Shikhar Prateek
Shikhar Prateek
13,908 Points

Hi Jennifer, thanks a lot for your time and suggestions. I tried them but nothing changed. However when I save the files in my system it works.

Flavio Barros
Flavio Barros
3,686 Points
Flavio Barros
Flavio Barros
3,686 Points

Hi Shikhar, how are you? I'm new in this, but let me try to help.

Try to remove the "/" at the end from "<link rel="stylesheet" href="css/normalize.css"/>" and
"<link rel="stylesheet" href="css/main.css"/>" . Make sure to insert both "normalize.css" and "main.css" file inside the "css" folder.