Change location of dots to the top of the component

beyonk-group / svelte-carousel

A super lightweight, super simple Carousel for Svelte 3

MIT License

213 stars 38 forks source link

Change location of dots to the top of the component #65

Open michaelcuneo opened 3 years ago

michaelcuneo commented 3 years ago

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?

antony commented 3 years ago

Probably just using CSS

timoanttila commented 3 years ago

.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.