How To Change Background Color In WordPress (Simple Way)

change background color

Have you ever thought to change background color of your WordPress website? Well, this color plays an important role in your branding and design. It makes your content more readable. If you don’t know how to do it then you are in the right place. 

In this post, I will show you how to change background color in WordPress. After reading the post, you will be able to do it all by yourself. 

How To Change Background Color In WordPress

You can change background color in WordPress in different ways. Here I am showing you three different ways to change background color in WordPress. 

Change Background Color Using Full site Editor

The full site editor is block-based editor, which currently comes with selected WordPress themes like Twenty Twenty-Three, and Twenty Twenty-Two. To change background color, navigate to Appearance -> Editor from the dashboard.

From here, you can change background color of each block. Select a block where you want to change background color.

Click on the settings button from top right corner and then click on Styles. Choose Background and select the color that you want to set as the background color. Once you are done, don’t forget to click the Save button.

Change Background Color In WordPress Using Customizer

Changing the background color using customizer depends on your theme. To access Customizer navigate to Appearance -> Customize. 

I am using the Astra theme, and to change the background, I have to navigate to Global -> Colors -> Surface Color -> Site Background. 

Depending on your theme, you might have to navigate to a different place. For example, if you are using the Twenty Twenty-One theme, then you have to navigate to Colors & Dark Mode setting from the customizer. 

Now select the color you want. You can choose a single color, gradient, or even image too. 

Change Background Color In WordPress Using Custom CSS

This is another way to change background color, but it requires a little CSS coding knowledge. First, navigate to Appearance -> Customize. Then click on Additioanl CSS.

 

Now write some code or enter the following code and change the color code as your wish.

For example, I have used color codes as  #FF5733 or orange. You can use #3346FF Blue or any other color. 

body {
 background-color: #FF5733;
}

Hit the publish button, and your WordPress background color will be changed. 

Last Words

I hope now you will be able to change background color of your WordPress by yourself. If you have any difficulties feel free to ask about it. I will be happy to help you with it. If you liked the post, then please share it with your friends, and don’t forget to leave your thoughts in the comment box below. 

In:

Leave a Reply

Your email address will not be published. Required fields are marked *

Need help?