pagePiling.js icon indicating copy to clipboard operation
pagePiling.js copied to clipboard

How to place the navigation dots bottom in horizontal mode

Open DingJunyao opened this issue 9 years ago • 3 comments

In horizontal mode, the navigation dots are still in the right of the page. I tried to set the position of the navigation to "bottom",but it doesn't work. Does pagePiling.js have the function to place the navigation dots bottom? If so, how to achieve it?

DingJunyao avatar Aug 19 '15 11:08 DingJunyao

It doesn't provide a way to do it at the moment. But you probably can do it with CSS very easily:

#pp-nav{
    margin: 0 auto !important;
    left:0;
    right: 0;
    top: auto !important;
    bottom: 17px;
    display: inline-block;
}
#pp-nav li, .pp-slidesNav li{
    display:inline-block;
}

Then you would also need to deal with the tooltip, if you are using them, but I have no time for that now.

alvarotrigo avatar Aug 19 '15 11:08 alvarotrigo

is there a way to have the dot on 2 places? I was a set of the dots on the left and right side of the page

Sneakyp33t avatar Aug 20 '15 20:08 Sneakyp33t

The plugin doesn't provide such an option I'm afraid.

alvarotrigo avatar Aug 20 '15 20:08 alvarotrigo