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

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

Michael Santangelo
Michael Santangelo
422 Points

Background is still orange even after deleting that element! How to fix this?

I've deleted the element that changes the background color to orange but it is still orange. What is wrong?

Could you add a comment with your code in here please and I will try my best to help you solve your problem.

Brenda Krafft
Brenda Krafft
18,036 Points

Without seeing your code, my best guesses are:

1) Make sure you are refreshing the page when you test the change.

2) See if the object is inheriting the orange color from a parent somewhere.

Michael Santangelo
Michael Santangelo
422 Points

Sorry for my delay. Here is my code.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Michael Santangelo | Entrepreneur</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Michael Santangelo</h1>
        <h2>Entrepreneur</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>
    <div id="wrapper">
      <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 modes in Photoshop.</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-06.jpg">
              <img src="img/numbers-06.jpg" alt="">
              <p>Trying to create 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 using repitition.</p>
            </a>
          </li>  
        </ul>
      </section>
      <footer>
        <a href="http://twitter.com/mikesantan"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
        <a href="http://facebook.com/msantan"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
        <p>&copy; 2014 Michael Santangelo.</p>
      </footer>
    </div>  
  </body> 
</html>
```html


Here is my css which I started on the next video

```css
a {
  text-decoration: none;
}

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}
```css
Michael Santangelo
Michael Santangelo
422 Points

By the way, those css tags are also not working. Is there perhaps a bug?

1 Answer

steyoung
steyoung
12,781 Points

Try using the command "ctrl + shift + r" that clears the cache of the webpage and everything can be reflected properly. I had this problem while doing CSS. Make sure the color is removed in both normalize.css and style.css files. I am seeing at the top of your code there that you have two CSS style sheets. (Just in case, I once applied an element to one sheet when it was supposed to be applied to the other)