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. At here I am showing you two different ways to change background color in WordPress. 

Change Background Color In WordPress Using Customizer

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

change background color

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

Depending on your theme you might have to navigate to a different place. For example, if you are using 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 for changing background color but it requires a little CSS coding knowledge. At 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. 

close

Easy WP Tweaks

10X Your Site Growth!

Join the growing library of Easy WP Tweaks to grow your WordPress site.

Leave a Comment

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