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

Posted by Jelena Jeremic
Jelena Jeremic
7,730 Points

The preview section does not change

When I change background-color or text-decoration, nothing happens in preview section.

Everything is written as it should be, I checked ten times. What can be a problem?

Ella Ruokokoski
Ella Ruokokoski
20,881 Points

You should post your code.

3 Answers

Jelena Jeremic
Jelena Jeremic
7,730 Points
Jelena Jeremic
Jelena Jeremic
7,730 Points

I did everything that video said. Added: <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> inside head.

Then I added main.css to css, and when I try to add body {backgroung-color: orange;} it doesn't change anything. I can see an orange dot on main.css, but still not working.

Ella Ruokokoski
Ella Ruokokoski
20,881 Points

If you have it like that in your code you have mispelled background. Helping would be a lot easier if you would post your whole code though

Jelena Jeremic
Jelena Jeremic
7,730 Points
Jelena Jeremic
Jelena Jeremic
7,730 Points

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nick Pettit | Designer</title> <link rel="stylesheet" type="text/css" href="css/normalize.css"> <link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body> <header>

  <a href="index.html">

    <h1>Nick Pettit</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 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 repetition.</p>
      </a>
    </li>
  </ul>
</section>
<footer>
  <p>&copy; 2014 Nick Pettit.</p>
</footer>

</body> </html>

body { background-color: orange; }

a { text-decoration: none; }

Jelena Jeremic
Jelena Jeremic
7,730 Points
Jelena Jeremic
Jelena Jeremic
7,730 Points

I would really appreciate some help with this. It is pointless to go one with lessons if I cannot see how the web page changes. Thank you