Streaming live at 10am (PST)

Hero Overlay - background image


I have a little problem with my website. I have changed the background in the div block “Hero Overlay”. But when I publish and load the website, there is the original background which is loaded for 2 sec, then my background image I chose.
Can you please let me know how I can avoid having the original background to be loaded when opening the URL ?
The problem is located in the Home page of the website.


Here is my site Read-Only:

1 Like

When I change the opacity, I can see the old background image.

1 Like

Hello @Ezechiel_Andre_Koffi

Here’s what I’m seeing

You want the image above to be the main image right?

And you want the image with the laptop to be removed?

Right now you have a hero section

and a hero overlay div

The current image is set as a background on the the hero overlay, but the laptop image is set as a background image on the hero section too. That’s why you’re seeing the image loading.

You have two option. Let me record a video where you can see my approach.

Many thanks for the first insights. Yes you got it ! I don’t want to have the image of laptop when opening the url. Only my new picture. Waiting for the video then !

Option one >

Option two >

If you need more help feel free to reach out

Piter :webflow_heart:

1 Like

Thank you very much. Got it ! Used option 2. I think it’s solved now.

1 Like

No problem! Yes, option two is the better way I think :blush: