I’ve followed the tutorial for creating a slider, and it worked fine for the first slide. The second slide, however, doesn’t work for me. I’ve created a class called Slide 2, set a background image, added title, subtitle, button etc. elements in a container and set in flexbox as I did in the first slide. Now it seems like all the elements in this slide are placed outside the mask for some reason and I can’t figure how to fix it. Any ideas?
Hiya @yeshai - The issue is adding flex box to the slide panes. Slider don’t like this. Remove the flex box settings from the slide panes, add a div block inside each slide container and add the flex box settings to those (and move your content inside the div blocks). Actually, you don’t need to use flex box for the content you have… Just remove the flex box settings on both slides and add top padding to your containers! Hope this helps! Regards Kai
Thanks @Keejo for your reply. I tried this, but it didn’t work. The container on the second slide still seems to be outside the mask, as is the background image.
BTW - I used flexbox as it was suggested in the Webflow tutorial.
This is correct. Do not modify the display or responsive visibility settings of Webflow components. Put divs/containers around/inside them and style those instead.
Hey there! Sometimes you can’t find the reason for the error. keejo was right. You should start with new slider. And follow his instruction. Maybe it can help you this time.