How to Change Background Colour on WordPress

Changing the background colour of your WordPress website is a simple way to customize its look. You can do this through the WordPress Customizer, theme settings, or by adding custom CSS. Here’s how to do it step by step.

1. Change Background Colour Using WordPress Customizer

If your theme supports background colour changes, you can easily modify it using the built-in WordPress Customizer.

Steps:

1. Log in to your WordPress dashboard.

2. Go to Appearance > Customize.

3. Click on Colors or Background (the option may vary depending on your theme).

4. Look for the Background Color setting.

5. Click on the colour picker and select your desired background colour.

6. Click Publish to save changes.

2. Change Background Colour Using Theme Settings

Some themes have their own settings panel where you can customize colours.

Steps:

1. Go to Appearance > Theme Options or Theme Settings.

2. Look for a Background or Color Settings option.

3. Choose a new colour and save the settings.

If your theme does not have this option, use the next method.

3. Change Background Colour Using Custom CSS

If your theme does not provide a background colour option, you can manually add CSS.

Steps:

1. Go to Appearance > Customize > Additional CSS.

2. Add the following CSS code:

   body {
   background-color: #f0f0f0; /* Replace with your preferred colour */
   }

3. Click Publish to apply changes.

To find the right colour code, use an online HTML color picker or tools like Photoshop.

4. Change Background Colour of Specific Sections

If you only want to change the background of certain areas, modify their specific elements.

For Post or Page Background:

For Header Background:

For Footer Background:

.site-footer {
background-color: #222222;
}

Replace the hex codes with your desired colours.

Final Thoughts

Changing your WordPress background colour is quick and easy. If your theme supports it, use the Customizer or Theme Settings. If not, custom CSS gives you full control over specific sections.