Streaming live at 10am (PST)

Reveal elements on scroll


#1

Hello everybody,

I’m a graphic designer trying to make my new site on Webflow.
I’m spending hours learning this great tool !
But i’m stuck in the home page trying to make my works reveal on scrolldown. Everything is going fine exept that when my images appear, there is the default image background behind them that appear too.

Can u see what i mean ? And don’t know how to remove it…

Anyone could help me ?

Thank you so much.
Lisa


Here is my public share link: LINK
(how to access public share link)


#2

@Lisa_Laprade I she just the website with your link you provided. the issue your having is because your background image placeholder is still set to that image as background. select element and delete the placehold in background.


#3

@Lisa_Laprade the class is called .image-projet that you used remove the example background image


#4

Thank you so much for you answer but I have already did it and when removing the example background image my images are so huge…

Lisa


#5

@Lisa_Laprade what did you set your background images to? cover or contain?


#6

@Lisa_Laprade a editor preview link I would be happy to give you a step by step


#7

Thank you for your quickness !
I set it in cover.
Please find attached 2 screenshot.

I’m leaving tomorrow morning for holidays but I will try to see your answer.

It is very king from you to help me.


#8

@Lisa_Laprade could you provide a read only editor view please… I see 3 screenshots not 2 which is which?


#9

what is a read only editor ?:blush:


#10

I found it :
https://preview.webflow.com/preview/sugarfull-website?preview=6bbe800fa3119a57c0dbd4c48a2bb56c

:blush:


#11

@Lisa_Laprade Ok so what I have come up with is a work around because your using the cms features of webflow. I write my own code so that part if possible is beyond my scope of webflow.

How ever a workaround is just as good.

Step 1
Create a image that is blank save it as a png you can also find spacer.png images online
Step2
replace the example image that is in the background with it and that will take care of that.


#12

So great !

Thank you so much Poliigon for the time you have spend on my problem.
I will try this.

Have a great day.
Lisa


#13

Hello Poliigon,

It works great thank you so much !

Have a great day.

Lisa