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 RdyToGo.com to get started.

More stories to learn from

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
Facebook
Share on google
Google+
Share on twitter
Twitter
Share on linkedin
LinkedIn

A Marketing Newsletter Worth Reading

Learn some marketing, branding, graphic design, and web design skills for free. Sign up for a newsletter that will empower you to better the world.

studioMYR

Myrtle Beach Design Studio

4015 Belle Terre Blvd. #1505, Myrtle Beach, SC 29579

studioJAX

Jacksonville Design Studio

25 N Market St, Suite 1000, Jacksonville, FL 32202

© 2010 – 2020 RdyToGo, LLC All rights reserved.
Helping entrepreneurs better the world with truly custom WordPress website design, branding, marketing, IT services, and training.
RdyToGo’s design studios are located in Myrtle Beach, SC and Jacksonville, FL.
Terms and Conditions | Privacy Policy | Refund and Shipping Policy
Member of: Fantasy Harbour District and the Myrtle Beach Chamber of Commerce.
Online form to PDF by Meteor Forms | WordPress Maintenance and Performance by Firebolt Wordpress Maintenance