Changing the Font Color of Your WordPress Blog

Altering the font color of your blog is one of the fastest ways to customize it.  Depending on your chosen theme, this can be very simple.

Changing the Font Color of Your WordPress Blog

WordPress Appearance menu option

WordPress Appearance menu option

I use Elegant Themes due to the variety of themes at a reasonable price and the uniformity of the user interface.  This example holds true for Elegant Themes themes, but your theme is likely to be slightly different.

With any theme you install, including the WordPress default, there is a default font color.  Often times the theme developer selects something that looks good and gives the theme a unified flavor, as did this blog’s theme which is from Elegant Themes.  However, colors selected by others may look really good but may not be precisely what you want for your blog.  If you have a good theme, changing the color should be no problem at all.

In my several different blogs I use different themes from Elegant Themes because they all have the same interface, which makes it very simple to customize the sites.  If your theme does not have an option like I describe below you will need to edit the CSS file to alter your font color, which is how I personally did it before discovering the right way to do it.  However, if your theme requires you to jump through the hoops of editing your CSS file get a new one.  The default WordPress theme does not have theme options to change the font color, so you’re stuck editing the CSS if you use the default theme.

Elegant Themes WordPress appearance menu item

Elegant Themes WordPress appearance menu item

First, as shown in the image to the right, navigate to the Appearance menu item in the WordPress menu.  This will open a submenu where, if your themes has an appearance dashboard, you can select it.  This blog uses Elegant Themes’s Studio Blue theme (at the time of this writing), though all the Elegant Themes themes are similar.

Clicking the option will take you to the appearance interface of your theme.  In the case of Elegant Themes it is their epanel.  the epanel will allow you to change the behavior of your theme without knowing how to code anything.  Whilst I do know how to code I prefer not to because it is easy to make mistakes.

WordPress Elegant Themes ePanel

WordPress Elegant Themes ePanel

The epanel has all kinds of options to alter all sorts of behavior of your site.  In our case we are just interested in the Colorization option.  Clicking this menu item will transport us to a screen where we can alter the font color with a click of the mouse.

The Colorization menu is the place where you can alter the color of any or all of the text on your site.  It is also the place where you can enable a child stylesheet, but that is a discussion for another day.

Elegant Themes WordPress Colorization menu

Elegant Themes WordPress Colorization menu

The very first thing to do is to enable the selection of custom colors. As can be seen in the image to the left, there is a button to click to do this.  Simply click it.  The button will turn the pale blue-green in the image to the left and you may now change any text color throughout your blog.

There are two ways to select a color to use.  The first is to use the Elegant Themes epanel color visualizer and the second is to click straight into the box where you want to set the color.  The latter is the better way, so we will start with it.

Elegant Themes WordPress Setting Main Font Color

Elegant Themes WordPress Setting Main Font Color

Navigate down to the box that has the description of the text you want to change the font color of.  In my case I want to change the main text font so I navigate down until I see the box labeled “Main font color”.  The first thing to do is click in the box in the location labeled “1” in the image to the right.  This will make the color selection box pop up and enable you to pick your color.

You change the color by dragging around the little circle that is labeled “2” in the image to the right.  If you would like a different base color, use the rainbow color slider labeled 3.  If you want a green, that is where you select it.  Finally, when you have chosen the perfect color click the little button labeled “4”.

Elegant Themes WordPress Setting Main Font Color

Elegant Themes WordPress Setting Main Font Color

The other way to select a color is to use the color visualizer at the top of the Colorization menu to pick your color, and then type the resulting hexadecimal color code into the font color box.  I suggest against doing this just because the first method I described is simpler.

Concluding Thoughts on Changing the Font Color of Your WordPress Blog

Clearly different themes will have differing methods to change the colors of various fonts in them.  I use Elegant Themes due to the standard interface which makes it simple to do so.  Other themes do not have this support and you will need to manually change the stylesheet to reflect your preferences, as is done in the example whose link is provided above.  A major advantage of having a theme that manages your changes in this manner is that the changes will not get wiped out when you update the theme, which will happen if you edit the CSS.

Good luck!

Related Posts Plugin for WordPress, Blogger...

#1 backlink building software Powered by www.backlinkbeast.com