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 What is CSS?

Caroline Guzman
Caroline Guzman
433 Points
Posted by Caroline Guzman
Caroline Guzman
433 Points

Normalize.css not working

I downloaded the normalize.css file, dragged it into my workspace side panel and moved it under my css folder. I linked my html to the normalize.css file, refreshed my preview page but nothing changed including the font and bullet points. Also, my footer text is not changing to green and I'm thinking it may have something to do with the css file not working because I haven't had any issues with my html until I downloaded the css file. Here is my html:

<!DOCTYPE html>
<html>
  <head>
      <meta charset="utf-8">
      <title>Caroline Guzman | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <style>
      footer {
      color: green; 
      }
    </style>
  </head>
  <body>
    <header>
        <a href="index.html">
          <h1>Caroline Guzman</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.</p>
            </a>
          </li>   
           <li>
            <a href="img/numbers-06.jpg">
                <img src="img/numbers-06.jpg" alt="">
                <p>Creating 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://www.instagram.com/carolinegunnn"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
      <a href="http://www.facebook.com/caroline.guzman.902"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
      <p>&copy; 2016 Caroline Guzman.</p>

    </footer>
  </body>
</html>
Caroline Guzman
Caroline Guzman
433 Points
Caroline Guzman
Caroline Guzman
433 Points

Okay! Not sure if I did took the snapshot correctly but here is what I got: https://w.trhou.se/csin8ixjhu

2 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

I think it probably is working. There have been changes to normalize.css since the launching of this video. There is nothing specifically in the normalize that will remove the bullet points that I can see.

However, as for the color of your copyright at the bottom you have this code when I fork your workspace:

 <style>
      footer {
      color: green; 
      }
      footer {
        color: orange;
      }
    </style>

Remember, that the last rule will be the one applied. So, if you want the text to be green, you need to remove the rule that makes the text orange :sparkles:

Caroline Guzman
Caroline Guzman
433 Points
Caroline Guzman
Caroline Guzman
433 Points

Thank you, Jennifer. I did read in other posts that the video may be outdated. I know the that the last rule applies, but the orange nor the green color rule is being applied in my preview.

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

Caroline Guzman I would suggest checking some basics, because when I fork your workspace, the text is indeed orange. First, make sure you're saving your files and refreshing the webpage. If this still fails, you might try clearing the browser cache. There is the distinct possibility that it's loading in old cached data instead of your new changes.

Caroline Guzman
Caroline Guzman
433 Points
Caroline Guzman
Caroline Guzman
433 Points

Oh wow, how simple was that lol. Thank you so much.

Tiya Gatson
Tiya Gatson
229 Points
Tiya Gatson
Tiya Gatson
229 Points

I need help with this. Nothing is working

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

If these solutions aren't working for you, it's probably in your best interest to submit a new question to the forums along with a current snapshot of your workspace. This will allow us to help you more easily :sparkles:

Things get changed and updated quite frequently here and these answers are 5 months old. It is entirely possible that you have another problem not addressed by these answers.