Very easy way in Wordpress to change the color of some features on your site

byHenry-II

1.6K followers

Updated 7 years ago

We’re visual by nature. And colors play an important role on our website. We can edit the colors of some features and enhance the user experience of visitors to our site. Here in this post, we'll give you 3 steps for newbies to modify the color of some features on your site. But you must bear in mind that each theme is different. Not all themes allow the same features to be modified. So we are going to take a look at three themes and you can later take a look at the theme you have selected to see what it allows you to modify. These 3 easy steps are:

1.) First you must login to the back office of your Wordpress.

2.) Then you must go to “Appearance” and after that click “Customize”.

3.) And finally go to "Colors".

Example 1: Fashify Theme

I'm using a theme called Fashify, and it allows me to change the color of: a.) title of my site, b.) links to Categories, c.) items in the main menu.

With Fashify: Editing “Header text color” will modify the color of the title of my site. Editing “Primary color” will modify the color of links to Categories, dates and author. And editing “Secondary color” will modify the color of the main menu.

In the picture below you can take a look at the texts that are linked to “Header text color”, “Primary color” and “Secondary color” in the Fashify Theme.

Example 2: Twenty Sixteen Theme

Here’s an example with another theme. This one is called Twenty Sixteen. And it allows you to change the color of more features than the Fashify theme does. The picture showed below has a very awkward color-selection, just to let you see all the colors that can be modified in this theme.

Example 3: TheNotes Lite Theme

And here is a third example using a theme called “TheNotes Lite”. This theme only allows you to modify the background as it’s showed in the picture below.

As we said at the beginning, each theme is different and each theme allows different features to be modified. There are even some themes that do not have the “Color” option.

So, our recommendation when you want to modify colors in your theme, is to first check what your theme allows you to modify following these easy 3 steps (Appearance/Customize/Color). As long as you're happy with the results, this post has accomplished it's goal! But if there are still things you want to change their color and your theme does not let you do it, don’t panic! You can still change colors of links, texts, etc, following some videos prepared by fellow members.

Suppose you want to specifically change the color of your links independently of the theme that you have chosen, you can take a look at this video created by Marion Black.

Custom CSS: Change Link Colors Site-Wide...

And if you want to specifically change the text colors for your entire website independently of the Theme that you have chosen, you can take a look at this other video also created by Marion Black.

Custom CSS: Change Font Color Site-Wide...

I hope this post has helped. Whether you have a comment or question, don't hesitate to write it below for further discussion. Thank you! :)