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

Luiz Henrique Ottino
Luiz Henrique Ottino
962 Points
Posted by Luiz Henrique Ottino
Luiz Henrique Ottino
962 Points

I don't know whats happening with my code.

if I put the h1, h2 with #000000 told me for make with hexadecimal color. And i don't know what I need to do to work.

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

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

#logo {
  text-align: center;
  margin: 0;
}
a{
    color: #6ab47b;
}

header {
    background: #6ab47b;
    border-color: #599a68;
}
    h1, h2 {
    color: #fff;
    }

2 Answers

Devin Scheu
Devin Scheu
66,191 Points
Devin Scheu
Devin Scheu
66,191 Points

Hey It looks like your code was correct for the first part:

h1, h2 {
  color: #fff
}
Luiz Henrique Ottino
Luiz Henrique Ottino
962 Points
Luiz Henrique Ottino
Luiz Henrique Ottino
962 Points

The point is that the request is to make the paragraph to be black (# 000000)

Devin Scheu
Devin Scheu
66,191 Points
Devin Scheu
Devin Scheu
66,191 Points

Same thing, black's hexidecimal is #000000, except you can shorten it by using three 0's, add this to the code above to pass :):

p {
  color: #000;
}
Luiz Henrique Ottino
Luiz Henrique Ottino
962 Points
Luiz Henrique Ottino
Luiz Henrique Ottino
962 Points

yes! right now, it's right . but, i have one question. Why it's not right use a #000000 ?

Devin Scheu
Devin Scheu
66,191 Points
Devin Scheu
Devin Scheu
66,191 Points

It's just a short hand, if you have the same numbers or letters in the hexidecimal number you can shorten if from 6 to 3, it saves you time typing and being redundant :).

Luiz Henrique Ottino
Luiz Henrique Ottino
962 Points
Luiz Henrique Ottino
Luiz Henrique Ottino
962 Points

yes, but i tried this before (w/ 6 0) and doesn't work. Why?

Devin Scheu
Devin Scheu
66,191 Points
Devin Scheu
Devin Scheu
66,191 Points

Example:

p {
     color: #55dd66
     //can be shortened to:
     color: #5d6
}
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

You can use #000000. Just make sure there is no space between the # sign and the six zeros.

Luiz Henrique Ottino
Luiz Henrique Ottino
962 Points
Luiz Henrique Ottino
Luiz Henrique Ottino
962 Points

ok, I do not know why it did not work before. What matters is that is works now. Thank you for attention.

Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Glad you got it solved! :)

Any other questions, please feel free to post them to the forum.

Keep Coding! :)

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hi Luiz,

I'm not sure where most of the CSS you posted is coming from, but the first part of the challenge just wants you to change the text color to white for the h1 and h2 selectors. So, for the 1st question, you complete CSS in the challenge window should look like this:

a {
  text-decoration: none;
}

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

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

h1, h2 {
  color: #fff;
}

Hope that helps. Keep Coding! :)