Streaming live at 10am (PST)

Slider. One slide in the center, two others seen partially


#1

Hi, can you please give me an idea how to create a slider which has one slide in the center of the screen and two other are seen partially on it's sides? Like here http://www.kidscanpress.com/


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


#2

Hello @ivert

I would suggest giving the slides a class name a set a percentage width.


#3

thank you, that's what I've done at first. But if I set the width in % I've got several slides on the screen from left to right. My question is how to get the central slide fully seen in the centre and two others partially seen on it's sides.


#4

Can you share your preview link to assist you better?


#5

the sample of what I want to do is here http://www.kidscanpress.com/


#6

We need the preview link of your project,


#7

sorry, here it is https://preview.webflow.com/preview/peshkombooks-new-site-737a4f990e82c6f25?preview=ff17917c9bfe8a972b3febb6e1c14444


#8

Try doing this

Add a max-width to your "bg slide mask"

Then set the width of the slides to "100%"

And you'll get something like this:


#9

Thank you very much! It works!


#10

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.