Text is under slider

wiind · January 27, 2020, 11:48am

Hi there,
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:

https://preview.webflow.com/preview/wyynd?utm_medium=preview_link&utm_source=dashboard&utm_content=wyynd&preview=93de2646b65971a04dcb53556e2c1260&mode=preview

Thanks for the help!
Toby

Selva · January 27, 2020, 12:48pm

Hey, @wiind Try this order…

Selva · January 27, 2020, 12:50pm

Use the sections and align properly…

wiind · January 27, 2020, 2:02pm

Thanks for your help @Selva

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!

wiind · January 28, 2020, 7:29pm

@Selva

Do you have any idea how to fix it?

The text should be fixed, only the background image should ‘slide’ …

Thanks!

Selva · January 29, 2020, 12:15pm

Hey @wiind Try this

Remove all Min and Max width and height in slider

And Use width 85vh like this…

wiind · January 29, 2020, 7:18pm

Thanks @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?

Thanks!

wiind · February 4, 2020, 7:06pm

Any new idea? @Selva or anybody else?

Thank you very much!

wiind · February 10, 2020, 7:42pm

Hello there!? @Webflow

knk · February 10, 2020, 9:39pm

Hi @wiind,

Is this what you are trying to achieve?

vladi_moros · May 10, 2020, 7:27pm

Hi @knk,

I’m currently facing the same issue as @wiind did. Your solution is exactly what I was looking for!
I would be extremely grateful if you could share it!

knk · May 10, 2020, 8:37pm

Hi Vladi,

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.

Cheers
Keiran

vladi_moros · May 11, 2020, 10:42am

Hi Keiran,

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:
https://preview.webflow.com/preview/spiroplastic?utm_medium=preview_link&utm_source=designer&utm_content=spiroplastic&preview=518af6cc0edc1ea16ac6bf03e7e27aad&mode=preview

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.

Cordially,
Vladi

knk · May 11, 2020, 10:04pm

Hi @vladi_moros,

The basic principal to achieve the desired effect is to use an ‘Absolute’ position element.

I’ve explained it more fully in the video.
Cheers
Keiran

vladi_moros · May 11, 2020, 10:23pm

Hi Keiran,

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.

Cordially,
Vladi

jasminnie · February 26, 2023, 8:13pm

Hello,

I have the same problem, have already clicked through countless posts and also tried the above solution - unfortunately without success.

Link is: Webflow - Lola

I want all the pink content at the top to be visibly fixed and the 3 images below to automatically slide through.

Glad about a tip!!!

Greetings

Jasmin

knk · February 26, 2023, 10:40pm

Hi @jasminnie,

You were so very close!!

Here’s a short video to show where you got tripped up.
Jasmine - Lola Website.mp4

Let us know how you get on.

Cheers
Keiran