How to reassign parent for dots in Slick Slider?

Question

Slick

We need to place the dots of the Slick Slider with the "slick-dots" class into the container, now it looks like this and they belong to the "slick-slider" class

when I remove the "position: relative" property of this class, it turns out like this

but to my class which has the same property position: relative" they are not connected and remain at the bottom

How to fix this?

Answer 1

How to reassign parent for dots in Slick Slider?

In the docks , slick -> appendDots, as far as I understand.