Streaming live at 10am (PST)

Hero Overlay - background image


#1

Hello,

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.

Thanks.


Here is my site Read-Only: https://preview.webflow.com/preview/wedding-website-lombez?utm_source=wedding-website-lombez&preview=32d4bb6f132217379f37654d9857c3ea


#2

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


#3

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.


#4

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 !


#5

Option one > https://www.useloom.com/share/2a1411958b3142a4add0c251d673a12c

Option two > https://www.useloom.com/share/3ab735ca2df1465d936033aa9f2c1853

If you need more help feel free to reach out

Piter :webflow_heart:


#6

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


#7

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