In this tutorial, I will walk you through how to change Text color within a WordPress post, page, or widget.
How to change Text color within a WordPress post or page
First, you’ll need to make sure that you are seeing the option to change the text color.
- Select the “Visual” Editor button
2. Click on the “Kitchen Sink” icon
3. Select the drop-down next to the Text Color icon (the letter “A”)
4. Use your mouse to highlight the text you want to change, and then click the drop-down next to the Text color icon. This will then present you with a selection of colors.
5. Select your color from the options available.
6. If you want to use a custom color (that is, one which is not automatically in the drop-down, click “Custom”
7. In the pop-up type the RGB or Hex color you wish to add as a custom color. Click OK
9. Publish your post, and see the results:
There are limitations to adding a custom color, however; your site won’t save the custom color as a new color option, so if you want to use that color in future posts or pages, you will need to go through the same process. If you want to have a color available permanently, you would need to update your theme’s CSS to add in a particular color, which will become available for all posts and pages.
How to add additional colors to CSS to enable site wide colors in theme
Add the following code to your theme’s stylesheet:
Once you have added this code into your stylesheet, any time you wish to use and of these colors in your posts or pages, add the color using the “span class” associated with your colors:
Here’s how I added each of the colors to my posts:
And here’s the final result:
You can incorporate these colors into widgets, too. By adding it to your theme’s stylesheet, you are giving yourself much more flexibility with the use of color on your site.
If you would love to incorporate additional colors to your theme, but don’t feel comfortable with doing this yourself please contact me – I’ll be happy to give you a quote to do this.