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.

Urgent WordPress Assistance

Facing a critical WordPress issue? Don’t panic. Our Emergency Service is here to swiftly resolve any urgent website problems.

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?

Tailored WordPress Solutions

Elevate your online presence with our custom WordPress development services.

How to get started?

Learn more

Elementor Developers

Hire a flexible remote work force and undivided attention.

Get Started

Coupon Code Applied!

Take your time and continue browsing our services.

Alexey Seryapin
Founder of WPServices