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 Customizing Colors and Fonts Write Hexadecimal Colors

Posted by Marcus Massey
Marcus Massey
784 Points

this makes no sense.

How do i change the h1, h2 colors? I have watched the video three times to no avail!

css/main.css 
a {
  text-decoration: none;
}

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

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

header {
background: #aaaaaa;
  border: #aaaaaa;
}

2 Answers

Dustin Matlock
Dustin Matlock
33,856 Points

Hi Marcus, in the previous video at about 05:15, Nick shows how to change the color of h1 and h2 elements.

For example:

h1, h2 {
  color: #000;
}
Marcus Massey
Marcus Massey
784 Points

I have tried it this way several times and it doesn't seem to be working. I don't know what to do here.

Marcus Massey
Marcus Massey
784 Points

Nevermind!! I fixed it, thank you!

adamdonatello
adamdonatello
27,485 Points
adamdonatello
adamdonatello
27,485 Points

Hi Marcus,

Just add the following to your CSS file:

h1{
  color:#000; //change to your preferred color
}

h2{
  color:#CCC; //change to your preferred color
}

If you want your h1 & h2 elements to be the same color you could also do the following:

h1, h2{
  color:#000; //change to your preferred color
}

Hope this solves your problem :)

Marcus Massey
Marcus Massey
784 Points

thank you!! I was losing it lol!