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 Customizing Colors and Fonts Use Color in CSS

Michael Dawson
Michael Dawson
3,714 Points
Posted by Michael Dawson
Michael Dawson
3,714 Points

My header colours aren't visible.

header {
    background: #6ab47b;
    border-color: #599a68;
}

h1, h2 {
    color: #fff;
  }

nav {
    background: #599a68;
  }

nav a, nav a: visited {
      color: #fff;
    }
Michael Dawson
Michael Dawson
3,714 Points
Michael Dawson
Michael Dawson
3,714 Points

<!DCOTYPE html> <html> <head> <meta charset="utf-8"> <title>Jessica Anwyl | Creative Marketer </title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Jessica Anwyl</h1> <h2>Creative Marketer.</h2> </a> <nav> <ul> <li><a href="index.html">Blog</a></li> <li><a href="about.html">About</a></li> <li><a href="workwithme.html">Work With Me</a></li> <li><a href="kindwords.html">Kind Words</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 colour 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>Trying to create 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 repetion.</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com/JessicaRanwyl"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="https://www.facebook.com/jessica.anwyl"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a> <p>© 2016 Jessica Anwyl.</p> </footer> </div> </body> </html>

2 Answers

tracy
tracy
32,769 Points
tracy
tracy
32,769 Points

Hi Michael,

Can you share your html code?

Thanks!

tracy
tracy
32,769 Points

Hmm, I copied and pasted your code and it looks like the colors are showing up (shades of green, right?). Can you refresh your page?

Michael Dawson
Michael Dawson
3,714 Points
Michael Dawson
Michael Dawson
3,714 Points

Thanks Tracy that worked! :)