search

metafizzy / flickity-docs

:memo: documentation for Flickity
28 stars 8 forks source link

Dots over slider. #20

Closed vision34 closed 8 years ago

vision34 commented 9 years ago

Hi,

i would like to place dots not under the container, but over. how is it possible?

Best regards, Radek

desandro commented 9 years ago

You can do this with CSS. See http://flickity.metafizzy.co/style.html#page-dots

/* position dots in gallery */
.flickity-page-dots {
  bottom: 0px;
}
zvaehn commented 6 years ago

This did not work for me, but this did the trick:

.flickity-page-dots {
  // move the dots 50px up
  top: -50px;

  // the bottom should start at the top of the slider-element. 
  // This is necessary to make sure the page-dots doesn't lay over the slides/navigation elements 
  // and to override the 0px-default value.
  bottom: 100%; 
}