Your Dedicated Partner for All Things WordPress

How to Change the Background Color in Elementor: A Step-by-Step Guide

Table of Contents

Elementor is one of the most popular and user-friendly page builders for WordPress. Among its many features is the ability to customize the background of a section or column. This can be a great way to add visual interest to your website and make it stand out from the competition. In this blog post, we’ll show you how to change the background color in Elementor, step by step.

Step One: Open the Elementor Page Builder

The first step in changing the background color of a section or column in Elementor is to open the page builder. To do this, simply navigate to the page or post where you want to make the change and click the “Edit with Elementor” button. This will launch the Elementor editor where you can customize your page using drag and drop widgets.

Step Two: Select the Section or Column

After opening the Elementor editor, you’ll need to select the section or column that you want to change the background color for. To do this, simply hover your mouse over the section or column until a blue outline appears around it. Click on the section or column to select it.

Step Three: Open the Style Tab

With the section or column selected, you’ll now need to open the Style tab. This is where you’ll find the options to customize the background color. To open the Style tab, simply click on the “Style” button located on the left-hand side of the Elementor editor.

Step Four: Choose the Background Color

Once you’ve opened the Style tab, you’ll see a list of options to customize the section or column, including fonts, sizes, and spacing. To change the background color, scroll down until you see the “Background” section. Here, you’ll see several options for customizing the background, including the ability to choose a color. Click on the color picker to choose a new color.

Step Five: Save Changes

After choosing your new background color, don’t forget to save your changes. To do this, simply click on the green “Update” button in the lower-left corner of the Elementor editor. Your new background color should now be visible on your website.


Changing the background color in Elementor is a quick and easy way to add some visual interest to your website. With just a few clicks, you can customize the color of any section or column, making your website stand out from the competition. By following the steps outlined in this blog post, you’ll be able to change the background color in Elementor in no time. So why not give it a try and see how much more vibrant and engaging your website can be?

How to get started?

Learn more

Elementor Developers

Hire a flexible remote work force and undivided attention.

Get Started

Looking for help? Chat with us.

Are you in need of assistance or guidance? Look no further! Our dedicated team is here and ready to help. Chat with us today and let’s work together to find the perfect solution for your needs.

Our support team will get you:

I believe every website owner deserves a reliable professional support always by their side.

Alexey Seryapin
Founder of WPServices

Having Troubles With WordPress?

Claim Your Free WordPress Maintenance

In today’s fast-paced digital landscape, every website deserves the care and expertise of a professional maintenance team, ensuring optimal performance, enhanced security, and seamless user experiences, so you can focus on growing your business with peace of mind.

Alexey Seryapin
Founder of WPServices

Coupon Code Applied!

Take your time and continue browsing our services.

Alexey Seryapin
Founder of WPServices