You are currently viewing How To Change Background Color in Elementor Easily

How To Change Background Color in Elementor Easily

In this post, we’ll look at how to change background color for:

  1. Elementor page (Body)
  2. Elementor Sections
  3. Elementor Columns
  4. Separate Elementor Elements

We’ll start with how to change the background color of an Elementor page or body.

Change Background Color of Elementor Page

Open the page settings menu in Elementor.

To enter the Elementor page’s settings menu, click the settings icon in the bottom left corner of the screen.

In the Page Settings menu, select the Style tab.

Under the “Body Style” drop-down, select “Classic” as the background type.

Select a background color.

To open the color palette, select a color for the page background by clicking on the color icon.

You may simply type the HEX code of your selected color into the text box below the color pallet.
After selecting the desired color, it will be applied to the Elementor page’s background automatically.

Change Background Color of Elementor Section

Select the Edit Section option.

On the upper middle area of the section, click the “Edit Section” icon. The Edit Section pane will appear on the left of the screen.

Select a background color.

To open the Elementor section’s style tab, click the Style icon.

To change the background type, select “Classic.”

To access the color pallet, click “Color.”

For the background of the Elementor section, select a color from the palette.

Change Background Color of Elementor Column

Navigate to the Edit Columns tab.

To access the drop down menu, right click on the icon in the upper left corner of the Elementor column.
Select the “Edit Column” option from the drop-down menu.
The edit column pane will appear on the left of the screen.

Select a background color.

To open the Elementor column’s style tab, click the Style icon.

To change the background type, select “Classic.”

To access the color pallet, click “Color.”

For the background of the Elementor column, select a color from the palette.

Change Background Color of Elementor Element

Open the Elementor element’s editing panel.

Right-click on the icon in the element’s top right corner. From the drop-down menu, select Edit Element. The editing panel will appear on the left side of the window.

Select a background color.

To view the advanced tab for the Elementor element, click the Advanced icon.

In the advanced tab, open the Background drop-down menu.

To access the color pallet, click “Color.”

For the background of the Elementor element, select a color from the palette.

Conclusion

Alright! You now know how to modify the color of the background on Elementor pages, sections, columns, and elements. This will vastly enhance your web building skills, allowing you to create stunning websites with ease.

Check How to Make a Sticky Menu with Vertical Icons in Elementor.

Leave a Reply