How to access background photos on Elementor Hero blocks

How to access background photos on Elementor Hero blocks



How to edit the background image on a page block in Elementor

  1. Identify the block you want to update on the back end
  2. Click on the center "Edit Container" button in the middle of the pink tab at the top of the block
  3. On the left side of your screen, it should say "Edit Container" at the top of the panel
  4. Click on the "Style" tab
  5. This is where you should find the background image for your page block
  6. Click on the image and replace it with the image you want from the media library
  7. Save your changes

Video Transcript

0:00 Hello, in this video I'll show you how to edit the background image on a hero block. This could also apply to a CTA block or a template block if those also have background images.
0:12 Now, I'm currently in the sandbox on the hero page template, so you can, see there are other heroes here with different options, but we're gonna look specifically at one that has a background image, like what you see here.
0:24 Now, to find the background image, you can click on this border here, using just the little dots at the top, and that will highlight the element in the- so that you can then expand this, and get to the other hidden elements within it.
0:38 However, the background image usually lives on this top element here, and you can find it by coming over to the left-hand side.
0:47 You'll see this is the layout. And then if you switch over to style, this is actually where you can get to the background image.
0:53 So currently, we have a placeholder in there. If you want to change that, you can choose image here, and it'll pull up the medial- library, so then you can find the image that you want to add as the background.
1:05 Once you find the one you want, you can hit the select button, and it'll bring that in as the background for this specific here.
1:12 Alright, I think that's all you need to know. Thanks for watching. Bye.