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 Tim Pearson
Tim Pearson
301 Points

paragraph text color change in CSS test

Don't think He covered the phrase 'paragraph' at all. Went back through video as well. I think it refers to the code ' body '? And that is what I put in there. Also I think the hexdecimal maybe incorrect?

css/main.css 
a {
  text-decoration: none;
}
h1, h2 {
  color: #fff;
}
body {
  color: #999;
}

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

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

4 Answers

Jeremy Coleman
Jeremy Coleman
5,449 Points
Jeremy Coleman
Jeremy Coleman
5,449 Points

If your trying to target the paragraph ( the <p> tag ) then you want to select it in CSS by using this selector

p { }

Christian Andersson
Christian Andersson
8,712 Points
Christian Andersson
Christian Andersson
8,712 Points

A "paragraph" is the p-tag. So to change it's properties you would use the selector:

p {
  color: #fff;
}
Tim Pearson
Tim Pearson
301 Points
Tim Pearson
Tim Pearson
301 Points

Ok I am missing something, LoL Here is the code:

p { // properties: color: #fff; }

Christian Andersson
Christian Andersson
8,712 Points

Tim Pearson by the //properties I was sort of trying to say "insert properties-code here" -- this isn't actual code.

If you want the full code, here it is:

p {
  color: #fff;
}

I edited my original answer with the full answer, so it's clear :)

Tim Pearson
Tim Pearson
301 Points
Tim Pearson
Tim Pearson
301 Points

ok, that p code is NOT working still getting an error. and for black it should be #ffff?????

Eric Trego
Eric Trego
15,308 Points

you do not need the // properties it should just read

p { color: #fff; }

it could also be writing like

P { color: #ffffff; }

if all the values are the same you can short hand it to just 3 values.

hope this helps

Jeremy Coleman
Jeremy Coleman
5,449 Points
Jeremy Coleman
Jeremy Coleman
5,449 Points 
p {
   background-color: #fff;  // This would be a white background color.
   background-color: #000; // This would be a black background color.
   background-color: black; // This also would be a black background color.
   color: #fff; //This font will be white
   color: #000; //This font will be black
   color: black; //This font will be black
}

Note: The third background-color would be applied because it overwrote the last 2. Just a tip, hope that helped.

So if your looking for black background with a white font you want this :

p {
   background-color: black;
   color: #fff;
}
Tim Pearson
Tim Pearson
301 Points

Thanks all for the responses.