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.

More stories to learn from

Habitat For Humanity

Habitat For Humanity is a non-profit organization dedicated to providing housing to those in need in the Horry County area. Their goal

Champs Bar & Grill

Champs Bar & Grill is where its at if you want sports and good food. They’re known for their premium hotdogs, customized

Doesn’t Matter Bar

Doesn’t Matter Bar is a place where it doesn’t matter where you’re from or who you are, you’re always welcome. Anything goes

The RdyToGo Team

The RdyToGo Team

We are dedicated to help entrepreneurs succeed through first class marketing, web design, branding, app development.

Share on facebook
Share on google
Share on twitter
Share on linkedin