Your Dedicated Partner for All Things WordPress

Table of Contents

Designing your website is not only about the text and content on it. Along with that, comes the visuals. The background image on your website can completely change the look and feel of it. Elementor is a popular WordPress page builder that allows you to create and customize your website with ease. In this blog post, we will guide you through the steps on how to change the background image in Elementor.

Step 1: Open Elementor Page Builder

After logging into your WordPress account, go to the page or post where you want to change your background image. Click on ‘Edit with Elementor’ to open the Elementor Page Builder.

Urgent WordPress Assistance

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

Step 2: Select the Section

In Elementor, the website layout is divided into sections. To change the background image, you need to select the section in which you want to change the image. Once you have selected the section, click on the ‘Edit Section’ icon located at the top left corner of the section you have selected.

Step 3: Change the Background Image

After clicking on the ‘Edit Section’ icon, a sidebar will appear on the left side of the screen. In the sidebar, scroll down to the ‘Style’ tab. Under the ‘Style’ tab, you will see the ‘Background’ option. Click on the drop-down menu under ‘Background’ and select ‘Classic’.

Step 4: Choose the Image

Once you have selected the ‘Classic’ option, you will be able to upload or choose an image from the media library. To choose an image, click on the ‘Choose Image’ button and select the image you want to set as the background image.

Step 5: Customize the Image

After selecting the image, you can customize it by adjusting the position, size, and other settings. You can also choose the ‘Background Overlay’ option and add an overlay color to the image if you wish to do so. Once you are satisfied with your changes, click on the ‘Update’ button to save the changes.


Changing the background image in Elementor is a simple process that can make a huge difference in the way your website looks. By following these easy steps, you can switch up the image on your website and give it a fresh new look. Make sure to browse through your media library or upload a new image that complements your website’s style and message. Elementor is a powerful tool that offers endless possibilities for customization, and knowing how to change the background image is just one of them. Happy designing!

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