Page navi slider
[resolved] Increase padding between slider and page numbers (4 posts)

  1. cryogenn
    Posted 2 years ago #

    Is it possible to increase the padding between the page numbers and the slider?

    I loaded the page on my mobile device and was having some trouble clicking and holding the button on the slider to drag it across because there is not enough space between that and the numbers.

    So sometimes I end up clicking both by accident.


  2. Iznogood1
    Plugin Author

    Posted 2 years ago #

    Hi cryogenn,

    just adpapt the page-navi-slider.css file (located in /wp-content\plugins\page-navi-slider\style).

    Modify the bottom margin value of the .wpns_window on line 7 :
    .wpns_window { border: 0; margin: 0 0 0.417em 0; padding: 0; overflow: hidden; }

    Change the 0.417em to a bigger one.

  3. cryogenn
    Posted 2 years ago #

    Hi Iznogood1, I ended up using the below and it worked out for me, which is the same third value as you have above but with px:

    .wpns_window {
    border: 0 none;
    margin: 0 0 25px 0.417em;
    overflow: hidden;
    padding: 0;

    Thanks for replying and confirming.

  4. Iznogood1
    Plugin Author

    Posted 2 years ago #

    I confirm.

    You can use and mix different units (px/em/%/...)

    The first value sets the top margin
    The second one sets the right margin
    Then the bottom and finally the left
    Search for CSS margin shorthand for more details.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic