I just started in learning Webflow. My problem: I want a sliding Background with a static text overlay from the whole page.
I tried every tutorial I could find but it is not working and I don’t know what is wrong… I have the issue in every browser. My text in the last div-block won’t come on top.
Here is my link:
Thanks for the help!
@wiind Try this order…
Use the sections and align properly…
Thanks for your help
Its working now… but when sliding I don’t want the text to slide with the image, the text should be fixed as an overlay…
What can I do?
Thanks so much for your assistance!
Do you have any idea how to fix it?
The text should be fixed, only the background image should ‘slide’ …
@wiind Try this
Remove all Min and Max width and height in slider
And Use width 85vh like this…
@Selva for the reply but its not working properly, it does not change what I mean.
Look for example on
http://www.blind.com - the text ist fixed but the background is changing.
Maybe you know another fix?
Any new idea?
@Selva or anybody else?
Thank you very much!
Is this what you are trying to achieve?
First up, Welcome to Webflow and the Webflow Community. Got a really fantastic community here, where you’ll get the support you need.
Can you provide a ‘Read-Only’ share link to your project and I’ll provide a solution directly for your use case.
Thank you for your warm welcome. I am looking forward to being part of this community and contribute as well in any ways I can!
Here is my link:
As mentioned by Toby earlier in the threads, I’m looking at having a sliding Background with a static text overlay. In my case, the “Heading” should stay statically in place while images change in the background (if that makes sense
Thanking you in advance.
The basic principal to achieve the desired effect is to use an ‘Absolute’ position element.
I’ve explained it more fully in the video.
That is brilliant! Your explanation is very clear and helps me a lot!
Thank you very much for taking the time.
Hoping that you and your family are remaining safe and well.