Title: Tesseract Theme – Adding Text Shadow
Last modified: August 30, 2016

---

# Tesseract Theme – Adding Text Shadow

 *  Resolved [kenny_13](https://wordpress.org/support/users/kenny_13/)
 * (@kenny_13)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/tesseract-theme-adding-text-shadow/)
 * Hey all,
 * I am currently using the Tesseract Theme on my site [http://www.thestylingco.com.au](http://www.thestylingco.com.au).
 * I want to add shadow to the text on the homepage. I have added the code to the
   CSS but it doesn’t appear on the page when I use it. The weird thing is that 
   it shows up in the backend when I am using the visual editor.
 * Does anyone have any suggestions as to why this could be?
 * Thanks.

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

 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/tesseract-theme-adding-text-shadow/#post-6336562)
 * When you say you “added the code to the CSS,” do you mean the theme’s style.css
   file? What is the rule that you added? Oftentimes what you see in the Visual 
   editor won’t necessarily be the same on the site, because the Visual Editor does
   not bring in the theme’s stylesheet. The Visual editor will give you an approximation
   of relative sizes and styles.
 *  Thread Starter [kenny_13](https://wordpress.org/support/users/kenny_13/)
 * (@kenny_13)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/tesseract-theme-adding-text-shadow/#post-6336581)
 * Yeah I meant to say added it to the style.css
 * I was using this to do it
 *     ```
       #para1 {
           text-shadow: 2px 2px #000000;
       }
       ```
   
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/tesseract-theme-adding-text-shadow/#post-6336603)
 * I’m not sure where you got the **para1** ID from, I don’t see an element with
   that ID in the source. If you want to just shadow the main text in the middle,
   change **#para1** to **.home-headline**.
 * You should also know that making changes to the theme files is not recommended.
   If the theme gets updated because of feature enhancements, bug fixes, or security
   patches, or if the theme has to be updated because of a change to the WordPress
   core, then your changes will be lost. Instead, either create a [child theme](http://codex.wordpress.org/Child_Themes)
   or use a CSS plugin like Jetpack or [Custom CSS Manager](http://wordpress.org/plugins/custom-css-manager-plugin/).
   Or use the theme’s custom CSS option if it has one.
 *  Thread Starter [kenny_13](https://wordpress.org/support/users/kenny_13/)
 * (@kenny_13)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/tesseract-theme-adding-text-shadow/#post-6336755)
 * Great! I appreciate that!
 * If I wanted to add it to the subtitle on the page too, how would I do that?
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/tesseract-theme-adding-text-shadow/#post-6336759)
 * Change the selector to **.home .textwidget** instead.
 *  Thread Starter [kenny_13](https://wordpress.org/support/users/kenny_13/)
 * (@kenny_13)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/tesseract-theme-adding-text-shadow/#post-6336777)
 * Great! I really appreciate the help.

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

The topic ‘Tesseract Theme – Adding Text Shadow’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [Shadow](https://wordpress.org/support/topic-tag/shadow/)
 * [text](https://wordpress.org/support/topic-tag/text/)

 * 6 replies
 * 2 participants
 * Last reply from: [kenny_13](https://wordpress.org/support/users/kenny_13/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/tesseract-theme-adding-text-shadow/#post-6336777)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics