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 Basics (2014) Enhancing the Design With CSS Text Shadows and Box Shadows

Posted by Venkatesh Varadachari
Venkatesh Varadachari
7,524 Points

i set the color to #e59740 which is asked in question still am getting a bumper saying that verify color to be #e59740

this question is asked in 'front-end web development' track in 'css basics' , 6th achievement , 3rd step.

style.css 
/* Complete the challenge by writing CSS below */
.main-heading{
  text-shadow:0px 0px 5px #be7b31;
}
.title{
  text-shadow:1px 3px 0px #e59740;
}
index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>Lake Tahoe</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body> 
    <header id="top" class="main-header">
      <span class="title">Journey Through the Sierra Nevada Mountains</span>
      <h1 class="main-heading">Lake Tahoe, California</h1>
    </header>

        <div class="primary-content">
            <p class="intro">
                Lake Tahoe is one of the most breathtaking attractions located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation.
            </p>
            <a class="callout" href="#more">Find out more</a>
        </div><!-- End .primary-content -->

        <footer class="main-footer">
            <p>All rights reserved to the state of <a href="#">California</a>.</p>
            <a href="#top">Back to top &raquo;</a>
        </footer>
  </body>
</html>

2 Answers

Jacob Mishkin
Jacob Mishkin
23,118 Points

You are so close on this one!! Just add a space in the .title style and .main-heading from the style elemnt and the values. and your good to go:

.main-heading{
  text-shadow: 0 0 5px #be7b31;
}
.title{
  text-shadow: 1px 3px 0 #e59740;
}
Marcus Parsons
Marcus Parsons
15,719 Points
Marcus Parsons
Marcus Parsons
15,719 Points

Hi Venkatesh,

You just need to remove the "px" value from the 0 for the blur radius. The challenge tells you to set this to 0 without any units.

.title{
  text-shadow: 1px 3px 0 #e59740;
}
Venkatesh Varadachari
Venkatesh Varadachari
7,524 Points

thank you Marcus Parsons.

please help me in the next question too.

Marcus Parsons
Marcus Parsons
15,719 Points

What do you have for it so far?