How to Change the Background Color in WordPress?

0
215
How to Change the Background Color in WordPress

Do you want to change the background color in WordPress?

Fine background color can make your website look more professional, elegant, and beautiful. So, make sure that you add more personal touch to the site by changing its color scheme and make it look the way you want. 

As we know all themes might not provide you with the exact color that you want. The existing vibrant color background might not be suitable for you and your website design. 

Almost every user wants to match the theme of their product, design, and blog with suitable color options. In that case, changing the background color according to the requirement will be the best option. 

Change the Background Color in WordPress

In this article, we will teach you two easy and simple ways to change the background color. Go through both the methods and decide which method is more suitable for your site and easy to use.

Method I: Change Color Using a WordPress Plugin

Method II: Use WordPress Theme Customizer to Change Background Color

Method I: Change Color Using a WordPress Plugin

Some of your Free or Premium WordPress Themes might not include the feature to change their color easily. In that case, use SiteOrigin CSS Free WordPress Plugin to change the color. 

First of all, log in to your website then Install and Activate the SiteOrigin CSS plugin. 

If you’re a beginner and don’t know how to install a plugin go through our article ‘How to Install a Plugin on your WordPress Website?

Now, go to Appearance>>Custom CSS option at the left sidebar of the page. 

Once you land on the SiteOrigin CSS, click on the Eye icon at the top of the editor page. 

A new screen will appear on the left side of your screen. Now, simply click on the element that you wish to change. 

For now, click on the Decoration tab which you can see at the top of the page. You will be able to see the Background color option. Click on the input field then you will see the color picker. 

As you move the circle around you will be able to see the changes on the right side. 

After you are done choosing the color and making changes click on the Tick button at the top of the page. 

Additionally, if you want to change the Background image, position, repeat, size, shadow, opacity, borders, and radius, you can do it using this WordPress plugin. 

When you return to the CSS Editor Screen, you can see that the CSS has been added automatically. Finally, click on the Save CSS option. 

Method II: Use WordPress Theme Customizer to Change Background Color

Most of the WordPress Themes enable its users to change the background color using the WordPress Theme Customizer. 

In order to get started go to Appearance>>Customize option at the left sidebar of the page. 

As we are using the Zigcy WordPress theme we can see the Colors option at the left side of the page. Even if you are using any other WordPress theme if you see any option that includes the term Color click on that option. 

Now, you can see the Background Color option. Select the color as per your own need. 

If you use the Zigcy WordPress theme and choose the background color you can actually see how it looks on your website on the right side. This will help you make your decision even more clear. 

After you are done choosing the color and making the changes, click on the Publish button at the top of the page. 

This is it, and you can see the changed background color on your website. 

Wrapping Up:

We hope this article helped you to change the background color in WordPress. As both the methods don’t require any coding knowledge, they are really easy and simple. 

If you have any questions or confusion while following the steps let us know in the comments below. 

Additionally, go through our article ‘How to Add a Background Image in WordPress?’ 

LEAVE A REPLY

Please enter your comment!
Please enter your name here