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 CSS Foundations Text, Fonts, and Lists More Text Properties

Posted by rahi
rahi
4,714 Points

Invalid property value on text-shadow

Hello team Treehouse,

I'm learning about More Text Properties with Guil Hernandez and in the text-shadow lesson, my preview of the website does not render the shadows.

When I open up Chrome Dev tools and hover over the style, I see the text-shadow entry with a line through it, and it says 'Invalid property value'. Screenshot of issue.

Here's the code I'm learning about:

h1 {
    color: #2d2d2d;
    font-size: 3.1em;
    text-shadow: 1px, 1px, 8px, rgba(62, 106, 168, .8);
}

Any thoughts on why this is happening?

rahi
rahi
4,714 Points

Gosh, thanks for catching that Sidney François.

1 Answer

Sidney François
Sidney François
2,092 Points
Sidney François
Sidney François
2,092 Points

That's an easy one: Just remove the commas in between the properties and you're good to go. :)

text-shadow: 1px 1px 8px rgba(62, 106, 168, .8);