question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Default setting for slider isn't aligned left

See original GitHub issue

On previous version (0.16.0), I could have the Slider to align left, but starting from 0.17.1, it doesn’t have the same behavior.

Picture taken from: http://neostack.com/opensource/react-slick

image

On my project: v 0.17.1: image

v 0.16.0: image

Both use the same settings:

  const sliderSettings = {
      autoplay: false,
      autoplaySpeed: 5000,
      pauseOnFocus: true,
      pauseOnHover: true,
      dots: false,
      arrows: false,
      infinite: false,
      speed: 500,
      slidesToScroll: 1,
      draggable: true,
      swipeToSlide: true,
      variableWidth: true,
    };

It’s as if the Slider is forcing the component to align RIGHT instead of the usual LEFT in previous version of react-slick. Is this intended or a bug?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:42 (4 by maintainers)

github_iconTop GitHub Comments

32reactions
rahulmawaricommented, Jun 22, 2019

.slick-list> div {
margin-left:0; }

This worked for me

4reactions
FullstackJackcommented, Feb 8, 2018

The problem is related to transform on the slick-track. If you turn off that CSS property, it looks correct.

Read more comments on GitHub >

github_iconTop Results From Across the Web

R8: Aligning The Fullwidth Slider Text Left or Right | Divi Soup
For left alignment use ds-slider-left, for right alignment use ds-slider-right. If you want center alignment then that is the default setting so ...
Read more >
Smart Slider - Slide Editing - Alignment & Spacing - YouTube
Creating a great looking slider often needs you to align your layers to the left or right side of the slide, or even...
Read more >
How to make alignment on the left side in the slick slider?
Just set your margin to left 0 in .slick-track : .
Read more >
How to align slider labels in SwiftUI - Apple Developer
What you need to do is to create a new custom alignment value, and tell your VStack to align its content using that....
Read more >
Revolution Slider Alignment Off-center | Themeco Community
However, the Revolution Slider is not centralise and if i adjust the width, it will extend to the right while leaving a gap...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found