Change location of dots to the top of the component

Question

Change location of dots to the top of the component

michaelcuneo opened this issue 3 years ago · 2 comments

Just wondering if there is a way to change the location of the dot component to be at the top of the Carousel instead of the bottom of the Carousel?

Answer 1 · 2021-06-03T17:51:16.000Z

Probably just using CSS

Answer 2 · 2021-06-04T18:54:50.000Z

.carousel ul {
position: absolute;
top: 0; // or maybe little bit minus is needed
left: 0;
width: 100%;
text-align: center
}

But it would be nice to have dots under the carousel and not top of content in default. I have never understood why people want to put dots over carousel content. margin-top should be zero in default.