Как убрать торчащую тень следующего слайда в slick slider?

Question

[altkov]

Использую slick slider для анимации перехода по вкладкам, однако слайды стоят впритык друг к другу, и тень от картинки со следующего слайда попадает на другой. В OwlCarousel для исправления этой ошибки есть свойство margin, есть ли что-то подобное в slick? Margin в css slick игнорирует.

Comments

[Антон Литвиненко]

То же самое. Маргин для slick-slide. А для обертки отрицательный.

[altkov]

Антон Литвиненко, margin на slick-slide игнорируются сликом

[Антон Литвиненко]

altkov, не знаю что там у вас, к меня во всех проектах работает

/* the slides */
  .slick-slide {
    margin: 0 15px;
  }
  /* the parent */
  .slick-list {
    margin: 0 -15px;
  }

Альтернатива как на сайте слика гляньте, используя доп обертку

[altkov]

Антон Литвиненко, и правда работает, спасибо. Я вешал только margin-right, а надо и margin-left

[altkov]

Антон Литвиненко, напишите ответом, закрою

Answer 1

[altkov]

Во многих случаях ответ Антон Литвиненко (комментарии) является решением,
ТЕМ НЕ МЕНЕЕ такое решение - тот еще костыль. Отрицательный margin увеличивает slick-list, тем самым увеличивая область видимости слайдов, при прокрутке слайдов они будут выходить за границы блока (если конечно нет на родителе overflow: hidden, но не всегда его можно использовать - фон, который больше, чем сам слайдер вместе со стрелками просто так сделать не получится).

Пример

Решение: простое
Не использовать slick-slider
(Если нужны слайдеры кроме самых примитивных. Но ведь вы никогда не знаете, что ждет вас в будущем)

Comments

[Антон Литвиненко]

ну это общепринятое решение.

[altkov]

Антон Литвиненко,
Вообще не помогает. Слайдер просто уже становиться, при этом расширение области видимости остается таким же.

[Антон Литвиненко]

altkov, согласен, не работает. у меня в конкретном случае работает, но он не всем подойдет. убрал из коммента