Title: Adding text shadow in Tempera theme
Last modified: August 22, 2016

---

# Adding text shadow in Tempera theme

 *  Resolved [Chris Head](https://wordpress.org/support/users/headless99/)
 * (@headless99)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/adding-text-shadow-in-tempera-theme/)
 * I am using a tempera-child theme and am trying to put a shadow on the Site Title
   text.
    I have used the following in my style.css but to no avail.
 * ‘#site-title a {
    text-shadow: 2px 2px 0px #333; }’
 * Can anyone point me in the right direction?
 * Cheers
 * Chris

Viewing 12 replies - 1 through 12 (of 12 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 9 months ago](https://wordpress.org/support/topic/adding-text-shadow-in-tempera-theme/#post-5243694)
 * Let’s see your site
 *  Thread Starter [Chris Head](https://wordpress.org/support/users/headless99/)
 * (@headless99)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/adding-text-shadow-in-tempera-theme/#post-5243700)
 * Hi Andrew
    Unfortunately you can’t see the site as it is a local test installation.
   I would have included the URL if it was published.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 9 months ago](https://wordpress.org/support/topic/adding-text-shadow-in-tempera-theme/#post-5243704)
 * Can you post a link to the demo’s site instead?
 *  Thread Starter [Chris Head](https://wordpress.org/support/users/headless99/)
 * (@headless99)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/adding-text-shadow-in-tempera-theme/#post-5243708)
 * I’m not really sure on how to do this. I have never had to do it before.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 9 months ago](https://wordpress.org/support/topic/adding-text-shadow-in-tempera-theme/#post-5243709)
 * The theme has a demo site, we just need to see a Webpage that has the text you
   want to target. Then we can recommend you the CSS.
 *  Thread Starter [Chris Head](https://wordpress.org/support/users/headless99/)
 * (@headless99)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/adding-text-shadow-in-tempera-theme/#post-5243711)
 * Sorry, it is [http://wp-themes.com/tempera/?TB_iframe=true&width=1159&height=595](http://wp-themes.com/tempera/?TB_iframe=true&width=1159&height=595)
 * The text I want to shadow is the site title – “Theme Preview”
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 9 months ago](https://wordpress.org/support/topic/adding-text-shadow-in-tempera-theme/#post-5243715)
 * This seems to do it:
 *     ```
       #site-title span a {
           text-shadow: 0 1px 0 red;
       }
       ```
   
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 9 months ago](https://wordpress.org/support/topic/adding-text-shadow-in-tempera-theme/#post-5243717)
 * If it doesn’t, try something obvious like:
 *     ```
       body {
           border: 10px solid red !important;
       }
       ```
   
 * If a 10-pixel-red border doesn’t appear on your site then you have a syntax error
   somewhere in your CSS
 *  Thread Starter [Chris Head](https://wordpress.org/support/users/headless99/)
 * (@headless99)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/adding-text-shadow-in-tempera-theme/#post-5243721)
 * The #site-title span a suggestion did not work, no shadow appeared on the site
   title text.
    The body suggestion did work – I got a very bright border on the
   page! I added both sets of code in the custom css section of the themes settings.
   I also tried them in the style.css for the child theme.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 9 months ago](https://wordpress.org/support/topic/adding-text-shadow-in-tempera-theme/#post-5243723)
 * Can you try and replicate your webpage using a CSS sandbox: [http://cssdesk.com/](http://cssdesk.com/)–
   You can share a link by generating it (top right)
 *  Thread Starter [Chris Head](https://wordpress.org/support/users/headless99/)
 * (@headless99)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/adding-text-shadow-in-tempera-theme/#post-5243726)
 * My apologies Andrew!!
    It did work – the #site-title span a code. I was modifying
   the theme and then checking on another incorrect instance of the theme, if that
   makes sense.
 * I thank you very much for all your help, your response was super fast and the
   answer spot on!
 * Cheers
 * Chris
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 9 months ago](https://wordpress.org/support/topic/adding-text-shadow-in-tempera-theme/#post-5243727)
 * **😀**

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Adding text shadow in Tempera theme’ is closed to new replies.

 * 12 replies
 * 2 participants
 * Last reply from: [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * Last activity: [11 years, 9 months ago](https://wordpress.org/support/topic/adding-text-shadow-in-tempera-theme/#post-5243727)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics