Elementor Tutorial: Setting a Full Width Section Background Image

Learn how to set up an image as a full-width section background in Elementor.

**** Timestamps

Your Instructor:
I'm Jerad Hill, a web designer, and online marketer with experience dating back to 1999. I have been working with WordPress since 2005 and started using Elementor in 2019.

My Other YouTube Channels:

[TSUNAMI_ANIME]

Great video. I have set the website to full width, but now my menu at the top is not visible. Do you know why that could be?

[EagleHerbs]

Very good, I've been trying to solve this for many weeks.... however I'm guessing my theme has a background which puts a box around the page. The header is full width though. Darn.

[Markjwecho]

How can you add design elements on the side of a section?

[SouthSells]

Thank you! I spent way too much time trying to figure this out! Much Appreciated!

[rocker]

So I'm having an issue where my Full Width section background loads small and then expands to full width once the page is loaded. Any idea how to fix this?

[nevermindmyname]

Thank goodness for you! As a WordPress newb, this problem has been driving me nuts for a month.

[SKRAJADJSOUND]

Sir mere elemntor mein structuh section nhai dikh raha

[GrahamFeatherston]

This fixed my problem! thank you so much!

[sanayar]

can you guide me on how can I create a full-width image that changes every 24 HRs?

[michaelc]

Like the video and subscribed. How can I change a background on each page? I’d like to have a home page with a picture and my other pages with a different full page image.

[PlunkyDavid]

You are the best, thank you very much.🤩

[alexcarlos]

Thank you, but it didn't work for me.

[bernardocoppe]

You now fix this by selecting the section, going to Advanced, and then changing the padding to all zeroes. This will remove the default padding on the section which is causing the white space.

[paul]

Seriously, I'm dying here, HOW DO I make the image in the background full width without the text following it? I can't get out of the image being the width of the content and when I make the image full width and or stretch it, the content comes out of the boxed layout (which I obviously don't want) and goes right to the edge of the full width of the screen. How do I get the layout you have in this video? background Image full width and content staying in the normal width of the site?

[henrybenavides]

I spend one day trying to figure what you explained in two minutes. Thanks very much!!