Title: css inherit element
Last modified: March 19, 2018

---

# css inherit element

 *  [mac987](https://wordpress.org/support/users/mac987/)
 * (@mac987)
 * [8 years ago](https://wordpress.org/support/topic/css-inherit-element/)
 * hi
 * see this page
 * [css inheit link on page](https://getoverdebt.co.uk/iva-debt-plan)
 * the headings at the top i have added a span style element so i can control aspects
   of the text, the only css element i cant control is the color element as it states
   inherit when i debug it
 * is there anyway i can control the color option of this text ?
 * heres the span within the wordpress page
 * <span style=”font-size: 22px; display: block; color: #e8740e !important; text-
   align: center; text-transform: none; font-weight: bold;”>Are You Over £5000 in
   Debt ?</span>
 * all the other options apart from color work within the span
 * thanks in advance
 * mac
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-inherit-element%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Rajan Vijayan](https://wordpress.org/support/users/rajanit2000/)
 * (@rajanit2000)
 * [8 years ago](https://wordpress.org/support/topic/css-inherit-element/#post-10092124)
 * Hi Mac.,
 * Try this method
 * Add this code on your page
 * `<span class="highlight-element">Are You Over £5000 in Debt ?</span>`
 * And add this code on your child theme css or custom css
 *     ```
       .highlight-element {
           font-size: 22px;
           display: block;
           text-align: center;
           text-transform: none;
           font-weight: bold;
           color: #e8740e;
       }
       ```
   
 * Thanks
 *  Thread Starter [mac987](https://wordpress.org/support/users/mac987/)
 * (@mac987)
 * [8 years ago](https://wordpress.org/support/topic/css-inherit-element/#post-10093590)
 * hi
 * thanks for your reply
 * i have added both and still the same
 * when i look at the css via firebug the color element of the highlight css code
   is disabled so its still using the color inherit from somewhere
 * any other ideas please ?
 * thanks
 * mac
 *  Thread Starter [mac987](https://wordpress.org/support/users/mac987/)
 * (@mac987)
 * [8 years ago](https://wordpress.org/support/topic/css-inherit-element/#post-10093600)
 * hi
 * sorry i was too hasty
 * i cleared the cache and it stayed the same ,i have left it a minute and its now
   changed color
 * thats perfect so appreciate your help
 * cheers
 * mac

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

The topic ‘css inherit element’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 2 participants
 * Last reply from: [mac987](https://wordpress.org/support/users/mac987/)
 * Last activity: [8 years ago](https://wordpress.org/support/topic/css-inherit-element/#post-10093600)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics