How to Change Background Color in WordPress

How to Change Background Color in WordPress

Are you looking for an easy way to change the background colour of your WordPress website?

WordPress themes come with a default background colour. But there are many ways to change the background colour on the WordPress site.

Today in this article I will show you how to easily change the background colour of a WordPress site.

So let’s start…

How to Change Background Color in WordPress

The background colour of any website plays an important role in its design and branding. Here below I have given two steps using which you can change the background colour of your WordPress website.

How to Change Background Color Using WordPress Customizer

Many WordPress themes come with the option to change the background colour, which allows you to change the background colour from the WordPress theme customizer. You can edit your site’s background colour in real-time without editing code.


Log in to your website then click on Appearance >> Customize. Here you’ll find several options to modify your theme: Menus, colours, homepage, widgets, background image, background colour, and more.


This option depends on which WordPress theme you are using on your site. Here I am using the default Twenty Twenty-One theme. 


To change the background colour of your website, click on the Colors & Dark Mode tab in the menu on the left.

How to Change Background Color in WordPress

Next, you have to click on the Background Colour option and choose a colour for your website. You can use the colour picker tool or use the Hex colour code for your background.

How to Change Background Color in WordPress

After choosing your background colour, click on the Publish button. You can now visit their website to see your new background colour.


If this option is not available in your theme customizer, then follow the steps below.

How to Change Background Color Using Custom CSS

You can change the background colour of your WordPress website by adding custom CSS code to the WordPress theme customizer.


Go to Appearance >> Customize and then click on the Additional CSS tab.

How to Change Background Color in WordPress

Next, you enter the following code:

body {
background-color: #FFFFFF;
}
How to Change Background Color in WordPress

After adding the custom CSS code, click on the Publish button. You can now visit their website to see your new background colour.

I hope this post helped you to change the background colour of the WordPress site.

Thanks for reading this How to Change Background Color in WordPress guide! any suggestion or anything wants to tell or ask to us share in the comment section and Bookmark our Blog2Boss to get interesting stuff.

Leave a Comment

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