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 Kyle Davis
Kyle Davis
1,603 Points

For a Customizing Colors and Fonts challenge, how does one set the paragraph color to black using a hexadecimal value?

I've tried things including:

body { color: #111 }

Nothing seems to work. What do I need to fix?

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

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

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

h1, h2 {
  color: #fff
}

2 Answers

hum4n01d
hum4n01d
25,493 Points
hum4n01d
hum4n01d
25,493 Points

Well, you are missing a semicolon after

"color: #fff" so that might explain why it isn't working. Also, the value for black is #000000

Kyle Davis
Kyle Davis
1,603 Points

Awesome, thank you :)

hum4n01d
hum4n01d
25,493 Points

No problem!

Kris Phelps
Kris Phelps
7,609 Points
Kris Phelps
Kris Phelps
7,609 Points

To change paragraphs to black you need:

p{
  color: #000;
}

And you need a semi-colon (;) after your h1, h2 tag's #fff declaration.

So the complete code would look like:

a {
  text-decoration: none;
}

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

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

h1, h2 {
  color: #fff;
}

p{
  color: #000;
}
Kyle Davis
Kyle Davis
1,603 Points

Awesome, thanks for the help :)

Kris Phelps
Kris Phelps
7,609 Points
Kris Phelps
Kris Phelps
7,609 Points

Quite welcome :-) Have a nice day!