Как округлить слайдер, чтобы не скрывать точки навигации?

Question

[Сергей Бурдужа]

На макете слайдер выглядит так


Я использую slick.js

Слайдер я округлил, родителю задал border-radius и overflow hidden. Только возникла проблема, исчезли точки. Их можно выставить только на сам слайдер, но нельзя за его пределом.


Так как округлить слайдер, чтобы были видны точки?
Заранее благодарен.

Comments

[Денис Бондаренко]

Можно попробовать округлить (и, соответственно, задать overflow: hidden) контейнер, где находятся сами слайды (slick-track вроде).

[Сергей Бурдужа]

Я уже нашел решение, спасибо, что ответили.

Answer 1

[Sagrana]

Какому именно родителю вы задаете border-radius и overflow hidden?
Попробуйте сделать это для .slick-list

Comments

[Сергей Бурдужа]

Спасибо, получилось.

Answer 2

[Faraday_22]

Можешь точки вытащить в другой блок с помощью appendDots

Comments

[Сергей Бурдужа]

Я уже сделал другим путем, но спасибо, в другой раз использую.