Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

iTechGuides is reader-supported. When you buy through links on our site, we may earn an affiliate commission. As an Amazon Associate I earn from qualifying purchases. Learn more

Wondering how to change the background color on your WordPress site? This article contains multiple methods to achieve that.

Option 1: Modify the Background Color via the Theme Customizer

One of the many ways you can modify the background color of your WordPress site is through the theme customizer. In order to achieve that, observe the following steps and screenshot images below.

  1. With the aid of an admin account, log in to your WordPress website backend. Then, hover your mouse on Appearance on the left pane and click Customize.
  1. Following that, select Colors & Dark Mode on the left pane of the Customize page.
Modify Background Color On WordPress Via Theme Customizer
  1. After doing that, click the Select Color button under Background color on the left pane.
  1. Afterward, you can use the color picker tool to select a new color for the background of your WordPress site.
Modify Background Color On WordPress Via Theme Customizer
  1. After you’re done with all that, click the blue Publish button at the top part of the page to save the change.

Option 2: Change the Background Color Using CSS

Another way to change your WordPress website’s background color is with the help of a certain CSS code. The following procedures and images will demonstrate how to achieve that.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
  1. Go to the backend of your WordPress website with an admin account. Subsequently, hover your mouse pointer on Appearance on the WordPress backend’s left pane and select Customize.
  1. After doing that, select Additional CSS among the options on the left pane of the Customize page.
Change Background Color On WordPress Using CSS
  1. Afterward, input the CSS code below in the Additional CSS input box. However, replace “colorcode” with the color code of your preferred background color.
body {
 background-color: colorcode;
}

For instance, if I want to modify my website’s background color to blue, below is what the command should look like – #0000FF is the color code for blue.

Popular on Amazon
Sale
Logitech MK270 Full Size Wireless Keyboard and Mouse Combo - Black | Full size keyboard with spill-resistant design, compact ambidextrous mouse, connect via single included USB-A Nano Receiver
  • Reliable Plug and Play: The USB receiver provides a reliable wireless connection up to 33 ft (1), so you can forget about drop-outs and delays and you can take it wherever you use your computer
  • Type in Comfort: The design of this keyboard creates a comfortable typing experience thanks to the low-profile, quiet keys and standard layout with full-size F-keys, number pad, and arrow keys
  • Durable and Resilient: This full-size wireless keyboard features a spill-resistant design (2), durable keys and sturdy tilt legs with adjustable height
  • Long Battery Life: MK270 combo features a 36-month keyboard and 12-month mouse battery life (3), along with on/off switches allowing you to go months without the hassle of changing batteries
  • Easy to Use: This wireless keyboard and mouse combo features 8 multimedia hotkeys for instant access to the Internet, email, play/pause, and volume so you can easily check out your favorite sites
body {
 background-color: #0000FF
;
}
  1. When you are done with all that, left-click the Publish button at the top part of the page to save the change.
Change Background Color On WordPress Using CSS

Frequently Asked Questions

1. What is WordPress

WordPress is an open-source and free content management system that people use to develop websites and blogs.

2. How do I change the background color of my WordPress website?

Follow the subsequent procedures below to change the background color on your WordPress website.
a) Login to the backend of your WordPress site with an admin account.
b) Then, hover your mouse on Appearance on the left pane of the WordPress backend and select Customize.
c) Afterward, select Colors & Dark Mode on the left pane of the Customize page.
d) Following that, click the Select Color button under Background color on the left pane.
e) Then, using the color picker tool on the left pane, you can select a new color for the background of your WordPress site.
f) Finally, click the blue Publish button at the top part of the page to save the change.

Also popular on Amazon
Sale
Logitech MK345 Full Size Wireless Keyboard and Mouse Combo - Black | Full size keyboard with integrated palm rest, compact right handed mouse, connect via single included USB-A Nano Receiver
  • Dependable wireless connection: Enjoy the reliability and convenience of 2.4 GHz connectivity with your logitech wireless keyboard and mouse combo, wireless range up to 10 meters away at home, or work.
  • Full-Size Wireless Keyboard: Comfortable, quiet typing on a familiar keyboard layout with palm rest, spill-resistant design, and media keys. This wireless keyboard and mouse logitech has easy-access to media keys
  • Plug and Play: MK345 works seamlessly with Windows, macOS, and ChromeOS. Experience hassle-free setup with the logitech mk345 wireless combo and wireless keyboard mouse combo for various operating systems.
  • Long-lasting Battery: The MK345 combo offers a full size keyboard battery life of up to 3 years and a mouse battery life of 18 months (1); batteries included
  • Comfortable Right-handed Mouse: This wireless USB mouse with dongle works well for this wireless mouse and keyboard combo, featuring a contoured shape for all-day comfort and smooth, precise tracking and scrolling for easier navigation.
3. Is WordPress compatible with Windows?

WordPress is compatible with various operating systems, including Windows OS.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
4. Should a website have a background color?

Including a background color on a website is voluntary and depends on the website owner’s preference. However, a good background color sets the tone for your website without distracting visitors.

Also popular on Amazon
Sale
Logitech MK120 Full Size Wired Keyboard and Mouse Combo - Black | Full size wired keyboard, optical wired mouse, USB plug-and-play, Windows only, pc and laptop compatible
  • Durable and Reliable: This USB keyboard features a curved space bar, spill-resistant design (2), durable keys that can withstand 10 million keystrokes, and sturdy, adjustable tilt legs
  • Comfortable, Familiar Typing: You’ll enjoy a comfortable and familiar typing experience thanks to the deep-profile keys and standard layout with full-size F-keys and number pad
  • Full-size Sculpted Mouse: The high-definition optical USB mouse puts comfort and control in your hands with smooth, accurate tracking and an ambidextrous shape that feels good hour after hour
  • Simple Set-Up: Simply plug the keyboard and mouse into the USB ports on your desktop, laptop, or netbook and you're ready to work; compatible with Windows 7, 8, 10 or later
  • Clear and Convenient: The bold, bright white and long-lasting characters make the keys on this PC or laptop keyboard easy to read and extra durable
5. What is the full meaning of CSS?

The full meaning of CSS is Cascading Style Sheets.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Conclusion

The background color plays a very important role in the design and overall aesthetic of a website. Thus, it’s no surprise that some WordPress website owners wish to change the background color of their website.

Fortunately, I demonstrated two ways to modify the background color on WordPress in this guide. Precisely, we discussed how to perform this task using the WordPress theme customizer.

Also popular on Amazon
Sale
Wireless Keyboard and Mouse Combo, Full Size Silent Ergonomic Keyboard and Mouse, Long Battery Life, Optical Mouse, 2.4G Lag-Free Cordless Mice Keyboard for Computer, Mac, Laptop, PC, Windows
  • 【Ergonomic Wireless Keyboard Mouse 】: Wireless ergonomic keyboard is equipped with adjustable height tilt legs to increase comfort and prevent your wrists injury when typing for a long time. The full size wireless keyboard with numeric keypad and 12 multimedia shortcut keys, such as play/ pause, volume increase and decrease, and email, to help you improve work efficiency
  • 【Stable & Reliable Wireless Connection】: This wireless keyboard and mouse combo share the same USB receiver(stored in the mouse), and they can also be used separately. Plug & play, no need to download any software, 2.4 GHz wireless provides a powerful and reliable connection up to 33 feet(10m) without any delays.You can enjoy the convenience and freedom of wireless connection at home or at work
  • 【Comfortable Optical Mouse】: This compact lightweight wireless mouse features a hand-friendly contoured shape for all-day comfort, and smooth, precise tracking.1600 DPI to meet your daily needs. Perfect for home & office work and entertainment
  • 【Long Battery Life】: Up to 365 Days of battery life for keyboard and mouse wireless, say goodbye to the hassle of charging cables and replacing batteries. After 10 minutes of inactivity, the wireless keyboard mouse combo will automatically go into sleep mode to save energy. The wireless keyboard requires one AAA battery, and the wireless mouse requires one AA battery.
  • 【Less Noise, More Quiet Keys】: Soft membrane keys provide a quiet and comfortable typing experience, So you can type with confidence on a wireless keyboard crafted for comfort, precision and fluidity. The wireless mouse adopts silent micro-motion technology, which is almost completely silent when clicked. No more concerns about disturbing others.

That’s not all; I also provided steps to change the background color on WordPress with CSS in this guide.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Hopefully, you were able to modify the background color of your WordPress website with the help of this guide. If you were, click on “Yes” beside the “Was this page helpful” question below.

Also popular on Amazon
Sale
Wireless Keyboard and Mouse Combo Silent for Office and Home(Avocado Green) | 2.4G Full Size Silent Cordless Keyboard with Tilt Legs,3-Level DPI Quiet Mouse,for Windows/Mac OS/Desktop/Laptop/PC
  • 【Lag-free & Efficient】Stable and reliable connection of wireless keyboard and mouse is up to 10m(33ft). This combo share a nano USB receiver, no need to take up additional USB ports (Also the wireless keyboard and mouse can also be used separately). Plug and play, no software needed,convenient and efficient.
  • 【Quiet & Type in Comfort】Wireless keyboard come with adjustable height tilt legs to increase comfort and prevent your wrists injury when typing for a long time.Our wireless keyboard adopts a silent structure. Soft membrane keys provide a quiet and comfortable typing experience.The wireless mouse is quiet without any clicking sound also.So whether at home or in the office, you can use this combo as you please without worrying about disturbing others.
  • 【Full Size Keyboard】This keyboard saves desktop space while retaining its full size.The full size wireless keyboard with numeric keypad and 12 multimedia shortcut keys, such as play/ pause, volume increase and decrease, and search, to help you improve work efficiency.
  • 【Auto Power Saving Function】Wireless keyboard and mouse have a smart auto-sleep mode to save power for long battery life. They will enter sleep mode after stop using a while(Refer to the instructions for details). Unplug the receiver or after the PC shutdown, they will enter sleep mode too.You can press any keys to wake. (battery life may vary based on user and computing conditions)
  • 【Comfortable Optical Mouse】This silent wireless mice provides 3 adjustable DPI (800/1200/1600) to meet your different needs in terms of sensitivity.The compact lightweight design of wireless mouse and a hand-friendly contoured shape for all-day comfort, and smooth, precise tracking. Very suitable for office and daily use.

You may also express your thoughts and opinions by using the “Leave a Comment” form at the bottom of this page.

Lastly, for more WordPress guides, visit our WordPress & Websites How-Tos page.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.