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 Arlene TIlly
Arlene TIlly
1,619 Points

CSS- paragraph to black hex color?

It is asking me to make a paragraph to black hex color. I guess I need help with since it isn't going through.

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

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

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

h1, h2 {
  color: #fff;
}

p {
  color: #0000;
}

6 Answers

Hugo Paz
Hugo Paz
15,622 Points
Hugo Paz
Hugo Paz
15,622 Points

Hi Arlene,

Hex values in CSS are either 6 numbers or like in this case 3 numbers if they are doubles - 223344 can be written as 234.

Tony Luo
Tony Luo
14,224 Points
Tony Luo
Tony Luo
14,224 Points

Your hex value should only have either 3 or 6 hex digits. I think you added an extra one by mistake.

Arlene TIlly
Arlene TIlly
1,619 Points
Arlene TIlly
Arlene TIlly
1,619 Points

I have tried six 0 and three and it doesn't matter. It won't work.

Arlene TIlly
Arlene TIlly
1,619 Points
Arlene TIlly
Arlene TIlly
1,619 Points

I meant I have tried six and four. It still will not go through.

Hugo Paz
Hugo Paz
15,622 Points
Hugo Paz
Hugo Paz
15,622 Points

Have you tried with 3? It might be expecting the shorthanded version.

Arlene TIlly
Arlene TIlly
1,619 Points
Arlene TIlly
Arlene TIlly
1,619 Points

Yes I have done 3 and it doesn't work.

Tony Luo
Tony Luo
14,224 Points
Tony Luo
Tony Luo
14,224 Points

Can you re-post your updated code?

Hugo Paz
Hugo Paz
15,622 Points
Hugo Paz
Hugo Paz
15,622 Points

Arlene,

Could you please post the full question here?

Arlene TIlly
Arlene TIlly
1,619 Points
Arlene TIlly
Arlene TIlly
1,619 Points 
a {
  text-decoration: none;
}

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

#logo {
  text-align: center;
  margin: 0;
}
h1, h2 {
  color: #000;
}
Tony Luo
Tony Luo
14,224 Points
Tony Luo
Tony Luo
14,224 Points

Ahh, so what you are doing there is changing the h1 and h2 elements to black. Instead you want to change the p element to black.

What you had originally was very close, you did not have to modify the h1 and h2.

You see in the code that you original had:

p { color: #0000; }

there were 4 decimals.