SeedProd will then insert it into the page.

[shaownhasane]

SeedProd's editing interface consists of a page preview on the right and a sidebar on the left, where you can add more blocks, customize blocks/sections, undo/redo changes, view page layers, and view page layers on your mobile device or tablet Preview the website.

SeedProd interface
Since the SeedProd theme already contains the hero part, our turkey phone number job is already half done. We just need to replace the image, customize it and add more blocks to the hero section if necessary.

Alternatively, you can switch from the Blocks sidebar to the Sections sidebar on the left to find more hero section templates. Then, navigate to "Heroes" and click the "+" button for the hero section template you want to add to the page.


Select hero section in SeedProd
Let's edit the hero image first.

To do this, click on the section above that contains the main image. You'll know you've selected the right content when a purple "Edit: Section" box appears in the left sidebar.

Select a section in SeedProd
Now, hover over the background image in the sidebar.

Then, click the media icon. At this point, you can upload your hero image from your computer or media library.

Upload background image to SeedProd
Next, you need to choose the best background location for your image.

The Custom Position option provides the best control over the focus position, so we will select this option.