helping #BetterTheWorld since 2010

How to change the color of your theme’s background in WordPress

In order to change the background color of a WordPress website, you will need to modify the CSS.

What is CSS?

The initialism is a shortened form of the name Cascading Style Sheets. CSS is basically a way to describe how you wish to have parts of your webpage or website look.

Here is an example of how to tell your browser to make H1 headings red:

h1 {color:red;}

Using this method of changing the looks of your webpage will require you to learn how to write CSS. This is no easy feat but will give you absolute control of the appearance of your webpage.

Learn CSS

CSS is not a subject one can learn in a few minutes. However, it is not so difficult that you couldn’t learn the basics in a few days. There are many free courses and videos that will get you started.

The Web Development By Doing: HTML / CSS From Scratch will give you a strong overview.

Here’s how to Adjust the Theme background-color

  1. It is always best to add a child theme before making any changes to a WordPress theme.
  2. Next, log into your WordPress.
  3. From the WordPress Admin, go to Appearance > Editor.
    Shows the user where to find the theme editor options in WordPress
  4. Enter the code of your CSS to change the background color. Below is sample code:

    .site {background-color: #XXXXXX;}

    .site is the CSS class for the entire website.
    The #XXXXXX is the hex code for the color you want to use.
    Ex: #FFFFFF would give you a white background or #44DBFF would produce a light blue background
  5. Click Update File

About RdyToGo, Firebolt, and the Pro-How Technology Training Service

RdyToGo, pronounced “Ready To Go,” is a creative marketing agency with design studios in Myrtle Beach, South Carolina and Jacksonville, Florida.

Our mission is to help entrepreneurs better the world. We do this with our web design, branding, marketing, and training services.

It is very important to offer marketing and technology-based training through our Pro-How service because it speaks directly about our mission, vision, and beliefs. Additionally, we offer direct WordPress maintenance services through Firebolt for those who need the convenience of having a dedicated team do the work for them.

What can RdyToGo do to further our mission? Education, promotion, and empowerment are the keys to helping entrepreneurs better the world. We use our specific skillset in the following ways.

  • Education: RdyToGo offers the Pro-How service to train people with skills that will help them change their world.
  • Promotion: Our creative marketing, branding, and web design services promote our clients, helping more people know what they can do.
  • Empowerment: At our core, we feel that all people, no matter their background, deserve the chance to enjoy the reward of their hard work. All of our efforts are designed to empower people to grow and make changes in their lives and better the world.

Why not join RdyToGo on our adventure? Try our free and paid training services or hire us to take on your marketing, web design, or branding project. Call 1-888-705-3403 or visit to get started.

You might also enjoy