WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. cryogenn
    Member
    Posted 5 months 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.

    http://wordpress.org/plugins/page-navi-slider/

  2. Iznogood1
    Member
    Plugin Author

    Posted 5 months 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
    Member
    Posted 5 months 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
    Member
    Plugin Author

    Posted 5 months 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.

Reply

You must log in to post.

About this Plugin

About this Topic