In this post, we’ll look at how to change background color for:
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.
