WordPress 3.9 removed the color picker from the Post and Page editor. The TinyMCE color picker plugin brings this option back to the editor. The following tutorial shows how easy it is to install and then demonstrates how to change colors in editor.

Installing the TinyMCE Color Picker

The following installation uses the WordPress plugin from within the WordPress Administrator dashboard

  1. Login to the WordPress Administrator.
  2. In the menu column to the left of the screen, click on Plugins, then click on Add New either at the top of the Plugins page, or in the menu column under Plugins.
  3. In the search field, type "TinyMCE Color Picker", then click on the Search Plugins button.
  4. Click on Install Now to start the installation process. Click OK to confirm the installation.
  5. Install screen
  6. When the installation completes, click on Activate Plugin to turn the on the plugin.

When the Color Picker is active, you can find it in the editor tool bar as per the image below.

Editor with no color optionEditor with Color picker

Using the Tiny MCE Color Picker

The TinyMCE Color Picker allows a user to change the color of the background for their text. This gives your users the ability to choose the color which was previously available in earlier versions of WordPress.

Using the background font color picker is easy. You can either select a background color before you start typing, or select the text after you have completed adding your text to change the color behind the text.

Changing the background color before typing

  1. Open the WordPress Post or Page Editor
  2. Click on the space before the area where you want to add text with a particular background color
  3. Select color
  4. Click on the drop-down arrow for the background color picker in the TinyMCE editor menu
  5. Click on the color you want to use, then click on Apply

Background color shows as changed when typing

When you start typing, the color for the background will be changed.

Changing the background color by first selecting the text

  1. Open the Post or Page editor in WordPress
  2. Select text
  3. Select the block of text where you want to change the color
  4. Select color
  5. Click on the drop-down menu of the color picker option in the TinyMce editor
  6. Click on the color you want to use, then click on the apply button

Background color changed

After you apply the color, the background color for the text you have selected will change.

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Did you find this article helpful?

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Need More Help?

Help Center Search

Current Customers

Email: support@WebHostingHub.com Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.