Custom Highlight Color

Description

Many devices and browsers provide less-than-ideal colors when selecting text on sites. Users may select text for a variety of reasons, including as a habit when reading or to share a quote. This plugin lets you customize this highlight color with live preview in the customizer.

Note that themes can also customize this color, and in cases where the theme sets the color, this plugin would allow it to be changed to a different color.

Screenshots

  • Highlight color option in the customizer.

Installation

  1. Take the easy route and install through the WordPress plugin adder OR
  2. Download the .zip file and upload the unzipped folder to the /wp-content/plugins/ directory
  3. Activate the plugin through the ‘Plugins’ menu in WordPress
  4. Go to Customize -> Colors and adjust the highlight color to your option. The highlight color is the selected text background color and the corresponding text color is set automatically.

FAQ

Issues with Firefox

Within the customizer preview, selection colors may not be visible in Firefox. However, the custom highlight color should work once your changes are saved and you leave the customizer.

Browser Compatibility

Not all browsers handle text selection the same way. This plugin attempts to provide the most consistent experience possible, but some devices and browsers may display highlight colors differently.

Where’s the settings page?

Go to the customizer (Customize) and open the color section. The Highlight Color option will be available here alongside any color options added by your theme or other plugins.

Reviews

March 26, 2021
A life saver when you’re not so good with css code, it does exactly what it says it does.
June 29, 2020
Finally found a great and easy plugin to highlight text in the desired color. I use Avada theme and it works great in Firefox.
September 5, 2018
This is an incredible plugin, really helpful. Just a heads up to the community, the color settings seems not to show up on certain themes, that doesn’t mean the plugin doesn’t work. Just switch to twenty fourteen theme and the option will show up. After configuring the text highlight settings, you can switch back to your preferred theme and your text highlight settings will still take effect on that new theme.
March 23, 2017
Thank you for the good work. I appreciate people like you who do a fantastic job for Wordpress.
Read all 5 reviews

Contributors & Developers

“Custom Highlight Color” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.1

  • Adjust priorities to improve compatibility with the Twenty Nineteen theme.

1.0

  • Initial public release.