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 Slavin
PLUS
Michael Slavin
Courses Plus Student 6,480 Points
Posted by Michael Slavin
Michael Slavin
Courses Plus Student 6,480 Points

background color for h1 and h2 is white instead of green so the text just blends in. 

a {
  text-decoration:none;
} 

#wrapper {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 5%;    
} 

#logo {
  text-align: center;
  margin: 0; 
} 

a {
  color: #6ab47b;
}

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

h1, h2 {
  color: #fff;
}

nav {
  background: #599a68;
}

nav a, nav a:visited {
  color: #fff;
}


Start of HTML code: 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="ut-8">
    <title>Michael Slavin | Designer</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>Michael Slavin</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>
    <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 stile of glows.</p>
            </a>
          </li> 
          <li>
            <a href="img/numbers-09.jpg">
              <img src="img/numbers-09.jpg" alt="">
              <p>Drips created by using photoshop brushes.                 </p>
            </a>
          </li> 
          <li>
            <a href="img/numbers-12.jpg">
              <img src="img/numbers-12.jpg" alt="">
              <p>Creating shapes using reptitions.</p>
            </a>
          </li> 
        </ul>
      </section>
      <footer>
        <a href=http://twitter.com/nickrp><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
        <a href=http://faceboook.com/nickpettit><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
        <p>&copy; 2016 Michael Slavin.</p>
      </footer>
    </div>
  </body> 
</html>
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

Hi there, Was there a question you wanted answered or just to share your progress so far. If not, good job on what you've done so far. :)

By the way I've changed your forum code a little bit so we can see your code a little better :)

Check out the markdown cheatsheet for how to add markdown for displaying your code.

3 Answers

Michael Slavin
PLUS
Michael Slavin
Courses Plus Student 6,480 Points
Michael Slavin
Michael Slavin
Courses Plus Student 6,480 Points

When i load the page in the browser my name which is the h1 and profession h2 don't show up because the background for some reason is white. Is my code for the background color correct?

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

You just need to select a backgound colour for the website, which is tyically done by selecting the body element in your CSS and giving it a value

body {
  background: lightgreen;

}

Or you could set your h1 and h2s to black which is #000 or the absense of any applied colour.

Good luck :)

Jackson Hyland
Jackson Hyland
4,920 Points
Jackson Hyland
Jackson Hyland
4,920 Points

Here's the code i used. header { background: #6ab47b; border-color: #599a68 } difference might be border-color?? not sure but i hope that helps