Streaming live at 10am (PST)

Slider rows (fix them in 1200px)


#1

Hi, guys! (Webflow lovers)

I have a question about Slider Rows… I need to fix them insight Div block, because it is 1200px and auto space by both sides.

But, I can’t put them (Rows) insight Div block.

Image has settings - Max 100% (1440px).

Link to the website – https://www.casaderusia.es/

Now:

Need to be:

Slider structure:

44


#2

привет Игорь
privet Igor,

Can you also provide a ‘Read Only’ link to the designer view for your site, that way we can see the full structure of your site and help you better.

Thanks
Keiran


#3

Hi, Keiran!

Sure, Link

Thank you!


#4

Hello Igor,

Hmm…so my understanding of what you want to achieve is the result will have your ‘Left’ and ‘Right’ Arrow-hero elements remain within the 1200px range, but your image background (from the slider) will remain at full 100% (1440px)

Normally when we want to format the Slider component we wrap the whole slider in a div and then apply styling / setting to the div. Unfortunately, that would limit the width of your image to that div width - not the result you want.

Secondly, when working with pre-made components (namely, Slider) it is configured in such a way that doesn’t allow some customisation’s, like moving element hierarchy.

What to do?..well, as you only have 2 images in this case, you may need to create an interaction that would serve as a ‘Background Slider’ when clicking on your Right/Left arrows. The interaction could use the ‘move’ function.

Here’s the link to Webflow University Slider to get an accurate idea of the elements that make us the slider for you to create your own. Info around the 2:45min mark might be helpful for creating the imgae background.

Sorry wasn’t able to provide a more definite solution.

Regards,
Keiran