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 Styling Web Pages and Navigation Style the Image Captions

Kami Wang
Kami Wang
5,643 Points

Why didn't my paragraphs' color change?

I followed what you did in this video and saved my css,but the paragraph's color didn't change.

#gallery li a p { margin:0; padding:5%; font-size: 0.75em; color: #bdc3c7; }

2 Answers

Haneen Krimly
PLUS
Haneen Krimly
Courses Plus Student 29,322 Points

Try this...

#gallery li p { margin:0; padding:5%; font-size: 0.75em; color: #bdc3c7 }

There shouldn't be a space between the hash (#) and the ID (gallery). And there is an anchor (a) before the paragraph (p) which doesn't really make any sense!

Kami Wang
Kami Wang
5,643 Points

I deleted the space between # and gallery,then the color changed. And I think an anchor (a) should be there,because here is my index.html code. <ul id="gallery"> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p>

Haneen Krimly
PLUS
Haneen Krimly
Courses Plus Student 29,322 Points

Oh, yes in that case the anchor should probably be there :P