Slick.js, как решить проблему с высотой?

Question

[Марян Витак]

Здравствуйте.
Столкнулся с такой проблемой (тот что в начале): ссылка
Для того чтобы дотсы отображались корректно, необходимо либо выровнять их в соответствии с элементом слайдера .slick-slide, а не самого слайдера, или сделать высоту элемента .slick-slide равной максимальной высоте элемента, или высоте слайдера.
Как это можно сделать?
Если есть другие варианты решения проблемы, то скажите их буль пожалуйста.

Comments

[Ankhena]

1. Перенести дотсы выше текста.
Потому что если их расположение по высоте будет зависеть от высоты слайдов, то они будут прыгать. А прыгающие элементы управления не очень хорошо.
2. Перенести кнопку перехода в каталог, прибить к низу слайда. Но это не очень красиво смотрится (на мой взгляд).

[Марян Витак]

Ankhena, как в slick.js перенести дотсы?

[Ankhena]

Марян Витак, В CSS изменить позиционирование
.slick-dots или типа того

[Марян Витак]

Ankhena, Я не это имел в виду. Как поменять блок соответствии с которым будут позиционироваться дотсы (родительский элемент относительно которого позиционируются детские элементы).
Проблема в том, что дотсы находятся почти на самой вершине, сразу после самого слайдера и соответственно они не могут позиционироваться в соответствии элемента, который не является для него родительским.
Потому и назвал 2 вариантом высоту.

[Ankhena]

Марян Витак, Попробуйте использовать adaptiveHeight для слайдера. Возможно, этого не хватит и надо будет добавить дополнительную обертку, чтобы на высоту перестали влиять гриды или убирать 100%'ую высоту.

Ну и в любом случае можно узнавать высоту слайда на js и задавать позиционирование дотсов по ней.
Но так они будут прыгать, а это дико.

[Ankhena]

Марян Витак,
Из документации слика

appendArrows
string
$(element)
Change where the navigation arrows are attached (Selector, htmlString, Array, Element, jQuery object)

appendDots
string
$(element)
Change where the navigation dots are attached (Selector, htmlString, Array, Element, jQuery object)