WP Engine

Solutions
AgencyEnterpriseSmall & Medium BusinessMarketer
How WP Engine supports marketers.Benefits for marketers.Features that help you innovate.
Developer
How WP Engine supports developers.Benefits for developers.Features that help you move faster.
Explore Our Platform
Insights
Thought LeadershipTopics

Read articles, trends, and insights on these topics from leaders in marketing and technology.

Creative AgilityEnterprise PerformanceActionable IntelligenceEcosystem Integration
Resources

Access ebooks, whitepapers, webinars, and other knowledge from our ecosystem of digital experts.
Visit Resource Center.

Delivering a Slam Dunk Experience on WordPressEbook: The Ultimate Guide to WordPress Plugins15 Common WordPress Mistakes Agencies and their Clients Make
Case Studies
About
Our CompanyOur PlatformLatest News

Access the latest news from inside WP Engine.
Visit the Newsroom.

WP Engine Acquires StudioPressWP Engine Secures Strategic Growth Investment From Silver LakeWP Engine Unveils First WordPress Digital Experience
Media Center

Get announcements and resources about WP Engine.

Press Releases
Careers at WP Engine
Pricing
Sales Questions?

Contact Sales

Discover why organizations of all types and sizes choose WP Engine — and how it can benefit you.

Chat

1

I'm available right now to answer any of your questions!

Reply

Call

1-877-973-6446

Contact

Send a message

Compare Plans
Need Support?
Support DocumentationBilling HelpSupport

We offer support 24 hours a day, 7 days a week, 365 days a year. Log in to get expert one-on-one help.

Log in for support

Sales Questions

Contact Sales

Discover why organizations of all types and sizes choose WP Engine — and how it can benefit you.

Chat

1

I'm available right now to answer any of your questions!

Reply

Call

1-877-973-6446

Contact

Send a message

Sign in
Sign in
Search

Search

Compare Plans
Call Sales 1-877-973-6446
Menu
AgencyEnterpriseSmall & Medium BusinessMarketers
How WP Engine supports marketers.Benefits for marketersFeatures that help you innovate.
Developers
How WP Engine supports developers.Benefits for developers.Features that help you move faster.
Our PlatformPricingResource CenterOur CompanySolution CenterThought LeadershipDocumentationCareers

Resource
Center

‹ Back to Resource Center

How to Customize a WordPress Theme’s Colors

customize wordpress theme colors

One of the best parts of using WordPress is that you get access to thousands of themes you can use to customize your site’s style. However, sometimes you’ll find the perfect theme, only to realize that it doesn’t feature a color scheme you like.

This can be frustrating, but it doesn’t have to derail your plans. With a little work, you can change your theme’s color options, and make your website look just the way you want it to.

In this article, we’re going to explore two ways you can customize a WordPress theme’s colors, including a manual approach and a plugin method. Let’s get started!

How to Change WordPress Theme Colors

In this section, we’re going to show you how to change your WordPress theme colors the manual way. To do this, you’ll want to use a ‘child theme’, so you don’t lose any of the changes you make when the ‘parent’ theme is updated.

What’s more, setting up a child theme is almost always a smart idea if you plan on making any custom changes to your site’s framework. Let’s talk about how to get the job done.

Step 1: Create a Child Theme

A child theme is a copy of a parent theme, which inherits the same styles. You can make changes to its code without affecting the parent, and they won’t get overwritten when you need to update the theme. This approach enables you to edit your site’s style safely, so that if you make any mistakes, you can revert to the parent and start over.

When it comes to creating a child theme, there are two ways you can go about it. First, you can follow the manual approach, which we cover in this article and can sum up in four steps:

  1. Connect to your website via File Transfer Protocol (FTP), using a client such as FileZilla.
  2. Navigate to your WordPress Themes folder.
  3. Create a new folder for your child theme.
  4. Set up a style.css file for your child theme.

However, you can instead opt to use a plugin if you’re not comfortable editing WordPress files manually. For this scenario, we recommend Child Theme Configurator. With this plugin, you can generate a child theme and configure its settings using a simple menu.

You’re free to use whichever method you prefer, of course. When your child theme is set up, you can activate it and move on to the next step.

Step 2: Log In to WordPress and Open the Customizer

Before you can change your WordPress theme colors, you’ll need to log in to your dashboard. Once there, navigate to the Appearance > Editor tab:

how to customize wordpress themes

There, you’ll find a simple text editor that enables you to alter your child theme’s files. Keep in mind that you can also do this using FTP and your favorite text editor, but the results will be the same either way.

If you’d rather preview the changes you make live, you can also edit your theme’s colors using the WordPress Customizer. To do that, navigate to the Appearance > Customize tab, and then open the Additional CSS section:

change wordpress theme colors

In either case, you’ll need to use Cascading Style Sheets (CSS) to alter your theme’s colors. That’s where our final step comes in.

Step 3: Change Your WordPress Theme Colors

This step is fairly straightforward if you’re already familiar with CSS. Each element within your theme has its own name or ‘class’, which you can target using CSS code. You’ll need to know what the relevant class is, and then use HEX color codes to change it.

For example, if you want to change your theme’s background color, you can add a CSS snippet like this to your child theme (using any of the methods in the last section):

background-color: #XXXXXX;

The first part of that code targets the correct class for the element you want to modify. Then you’ll just need to specify the HEX color you’d like to use. Once you’re done, don’t forget to save the changes to your theme’s stylesheet.

Fortunately, since you’re using a child theme, you can experiment freely without worrying about breaking anything on your site. If you’re new to CSS, check out this guide on how to identify elements within your site. Then, you can play around with HEX color codes until you find a combination you like.

Plugins That Change WordPress Theme Colors

If you’d prefer to use plugins rather than CSS, you’ll be happy to know that there are several options you can use to customize WordPress theme colors. Let’s go over two of our favorite tools.

Plugin 1: Child Theme Configurator

change font color in wordpress

Child Theme Configurator is our top choice, because it enables you to both create a child theme and customize its color scheme. That means you can skip over a lot of the steps we covered earlier, and start experimenting with color palettes a lot faster. With this plugin, you’ll be able to change font colors, background tones, and much more.

Plugin 2: Central Color Pallete

how to change wordpress color scheme

As its name implies, Central Color Pallete enables you to change your theme’s color palette. This plugin integrates well with many popular themes and plugins, and lets you skip the process of using the WordPress editor to pick and switch colors. Two of the plugins Central Color Palette works smoothly with are Beaver Builder and Elementor.

Update Your WordPress Digital Experience with WP Engine

Regardless of what theme you choose, you’ll need a web host that provides you with the stability and performance you’ll need to run and customize your site. With WP Engine, you get both of those features, and access to a stellar support team.

If you’re more of a Do-It-Yourself (DIY) kind of person, we also publish a lot of tutorials you can use to troubleshoot or make changes to your website. Check out our plans and give us a try!

‹ Back to Resource Center

Did you know WP Engine offers best-in-class
Managed WordPress hosting?

See our plans

Share

Share:

Related Content

Marketing

  • The Ultimate Pre-Launch Guide For WordPress Sites
  • On-Demand Webinar: How to Retain Customers and Build Revenue Using Your Email List
  • The Best WordPress Email Subscription & Marketing Plugins

WordPress

  • The Ultimate Pre-Launch Guide For WordPress Sites
  • BobWP Talks Ecommerce And WordPress On Finely Tuned Expert
  • On-Demand Security Webinar:
    Harden the Heart of Your WordPress Site
Sign In

Solutions

  • Agency
  • Enterprise
  • SMB
  • Marketer
  • Developer

Insights

  • Blog
  • Torque
  • Velocitize

About

  • Our Company
  • Leadership Team
  • Our Platform
  • Careers
  • Contact
  • Legal
  • Newsroom
  • Privacy Policy

Resources

  • Resource Center
  • Documentation
  • Solution Center
  • Agency Directory

WP Engine

504 Lavaca Street, Suite 1000
Austin, TX 78701

Sales

1-877-973-6446
[email protected]
7am–7pm CST

Billing

[email protected]

  • Facebook
  • Twitter
  • LinkedIn
  • YouTube
  • Instagram
  • RSS
© 2013—2019 WPEngine, Inc. All rights reserved.
WP ENGINE®, VELOCITIZE®, TORQUE®, EVERCACHE®, and the cog logo service marks are owned by WPEngine, Inc.