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

Posted by Jessica Wright
Jessica Wright
2,965 Points

Text Shadow for the paragraph

Create a text shadow for the paragraph using a horizontal offset of 0, a vertical offset of 1px, and shadow color of white

For the CSS, I used: p{ text-shadow: 0 1px white; }

this did not work so I tried p { text-shadow: 0 1px #white; }

That did not work, so I tried

p { text-shadow: 0 1px #FFFFFF; }

That did not work, so now I'm at a loss. Help?

6 Answers

Justin Iezzi
Justin Iezzi
18,199 Points
Justin Iezzi
Justin Iezzi
18,199 Points

Your first answer should work. 

p {
 text-shadow: 0 1px white; 
}```.
Be sure to read the error and make sure everything else in the code challenge is proper.
Bhupend Patil
Bhupend Patil
25,918 Points

Thanks

Jessica Wright
Jessica Wright
2,965 Points
Jessica Wright
Jessica Wright
2,965 Points

that's what I thought but it doesn't.

It is not accepting the value of "white", in that in the coding box white is staying in a grey font and not transitioning to the colored font when a value is recognized.

Hm.

Jessica Wright
Jessica Wright
2,965 Points
Jessica Wright
Jessica Wright
2,965 Points

that's what I thought but it doesn't.

It is not accepting the value of "white", in that in the coding box white is staying in a grey font and not transitioning to the colored font when a value is recognized.

Hm.

Justin Iezzi
Justin Iezzi
18,199 Points

I just tried it and it worked for me, odd that it isn't working for you. Here was my entire input

[/* Complete the challenge by writing CSS below */

h1 {
  text-shadow: 0 2px 6px #3e6aa8;
}

p {
  text-shadow: 0 1px white;
}]

I'd also recommend changing the 1px value to 10px and check if it's really doing anything on the preview tab. It's hard to see 1px but easy to see 10px.

Justin Iezzi
Justin Iezzi
18,199 Points

Apologies for bad markup, I don't understand how it works apparently. don't mine the brackets or the ```. Or the "css" part. I can't edit that comment I guess.

Richard Feinburg
Richard Feinburg
2,970 Points
Richard Feinburg
Richard Feinburg
2,970 Points

Make sure the background is dark enough to see the white shadow. If not then you will not see it.

p { text-shadow: 0px 4px 2px rgba(255, 255, 255, 1); }

Browser Supports text-shadow? Firefox 3.1+ Full Support Firefox 1-3 No Safari 4+ Full Support Safari 3.1+ Partial Support Chrome 2+ Full Support Chrome 1 No IE9 Full Support Opera 9.5+ Full Support

Jessica Wright
Jessica Wright
2,965 Points
Jessica Wright
Jessica Wright
2,965 Points

Thanks everyone, i actually refreshed my browser and then the original coding worked. I compared what I typed against I screenshot I had taken of the error message and it was the same. It must have just been a fluke!

Miran Stijakovic
Miran Stijakovic
2,428 Points

Strange, i did the same thing and it worked for me too.

HONG ZUO GAN
HONG ZUO GAN
12,805 Points
HONG ZUO GAN
HONG ZUO GAN
12,805 Points

i think there might be some bug. try using inline style to insert the code. it works for me. =)