Title: Changing CSS Highlight Color
Last modified: August 31, 2016

---

# Changing CSS Highlight Color

 *  [Aiden Patrick](https://wordpress.org/support/users/apgamesb/)
 * (@apgamesb)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/changing-css-highlight-color/)
 * I’ve spent lots of time in the past few days editing the CSS of my website to
   match my branding. I am still working on it, but what has me most concerned is
   the red highlight color. How do I change this to a new color, or what line should
   I look for? [http://www.bluecompanygraphics.com/Capture.JPG](http://www.bluecompanygraphics.com/Capture.JPG)

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

 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/changing-css-highlight-color/#post-7047444)
 * Hey there Aiden Patrick,
 * How are you doing today?
 * I’ve checked your site and the image you’ve linked above but I;m not really sure
   what you’re referring to, can you please add a bit more information on what exactly
   you’re trying to change and I’ll be more then happy to try to assist with some
   custom CSS.
 * Cheers,
    Bojan
 *  Thread Starter [Aiden Patrick](https://wordpress.org/support/users/apgamesb/)
 * (@apgamesb)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/changing-css-highlight-color/#post-7047599)
 * What I am referring to is the color that appears behind text when you drag over
   it.
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/changing-css-highlight-color/#post-7047605)
 * Hey there Aiden,
 * Thanks for the clarification, I was under impression that you’re referring to
   the text hover state rather then when text is selected like that.
 * This can also be changed with some custom CSS, to do that please try adding the
   following CSS code in the style.css file of your [child theme](http://codex.wordpress.org/Child_Themes)
   or if your theme doesn’t have custom CSS tab add it in your site using the following
   plugin:
 * [http://wordpress.org/plugins/simple-custom-css](http://wordpress.org/plugins/simple-custom-css)
 *     ```
       ::selection {
           background: #FC6D6D;
           color: #FFF;
       }
       ```
   
 * Just replace color hex values in both properties to display another color. First
   one will change the background color and the second one will change text color
   when text is selected. You can use sites similar to this one to get hex value
   for the color of your choice: [http://www.color-hex.com/](http://www.color-hex.com/)
 * Hope this helps 🙂
 * Cheers,
    Bojan – WPMU DEV
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/changing-css-highlight-color/#post-8590303)
 * Hey appmarsh,
 * Yes that’s possible, since this is a very older thread not really related to 
   your request you’d probably want to open your own where you can ask this.
 * Also when asking for CSS help you want to disable whatever is preventing right
   click on your site, it can be easily bypassed but it makes inspecting site much
   slower than usual.
 * Cheers

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

The topic ‘Changing CSS Highlight Color’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/zerif-lite/1.8.5.49/screenshot.
   png)
 * Zerif Lite
 * [Support Threads](https://wordpress.org/support/theme/zerif-lite/)
 * [Active Topics](https://wordpress.org/support/theme/zerif-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/zerif-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/zerif-lite/reviews/)

## Tags

 * [color](https://wordpress.org/support/topic-tag/color/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [graphic](https://wordpress.org/support/topic-tag/graphic/)
 * [graphic design](https://wordpress.org/support/topic-tag/graphic-design/)
 * [php](https://wordpress.org/support/topic-tag/php/)
 * [text](https://wordpress.org/support/topic-tag/text/)

 * 4 replies
 * 2 participants
 * Last reply from: [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * Last activity: [9 years, 5 months ago](https://wordpress.org/support/topic/changing-css-highlight-color/#post-8590303)
 * Status: not resolved