Guidance for styling carousel as nav for track list

Created on 8 May 2022, over 2 years ago
Updated 16 May 2023, over 1 year ago

I have a splider in the wild that works well.

https://www.kobejet.com/en/lesson/going-trip-country-presentations

The one remaining issue is that I needed to add some padding to the splide__track so that when the active element was on the left or right, it didn't get cut off in a weird way.

But, even disabling that padding, the center doesn't seem quite centered... with just a hint of the latest slide showing a slice.

Some guidance on how to correctly style this so that:

  • only the 5 active slides show at any one time when the carousel is resting
  • the center, active thumbnail slide is actually centered

Would be greatly appreciated!

💬 Support request
Status

Closed: cannot reproduce

Version

1.0

Component

Documentation

Created by

🇺🇸United States w01f

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • 🇮🇩Indonesia gausarts

    I hope you can make it one way or another.

    Detailed custom works are beyond the project scopes, I am afraid :)

    Friendly housekeeping before a new release.

    Thanks.

Production build 0.71.5 2024