How to customize previous/next buttons?

  • Resolved PhilcaPhoto

    (@philcaphoto)


    11 years ago

    Hello,

    I would like to change the previous/next buttons to a different .png file, but am not sure how to link to my files in the CSS. Where do I upload my image files so they can be linked properly/what would the url be? Do I place them in my media library?

    Also, is there any way to move the pagination bullets to go below the images in the slideshow?

    If you could please let me know what I can do, that would be extremely helpful.

    Thanks in advance!

    https://www.ads-software.com/plugins/slideshow-jquery-image-gallery/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Stefan Boonstra

    (@stefanboonstra)

    Hi,

    It would be easiest to reference your custom navigation buttons with their static url:

    https://yoursite.com/wp-content/themes/yourtheme/images/customnavigationbuttons.png

    You can move the pagination bullets below the slideshow by changing the following line in your custom stylesheet:

    .slideshow_container_style-light .slideshow_pagination { bottom: 16px; }

    Setting the “bottom” value to a negative value will move the pagination bullets below the slideshow.

    Best regards,
    Stefan

    Thread Starter PhilcaPhoto

    (@philcaphoto)

    Thank you so much! This was a great help.

    One more question though, if you have a chance: How do you change the color of the pagination bullets?

    If you could send any info on this, that would be amazing…thanks so much again!

    Plugin Author Stefan Boonstra

    (@stefanboonstra)

    The pagination bullets are images. You can change the image by changing the custom stylesheet. You’ll need to look for an URL at the bottom of the custom stylesheet that say’s something like “bullet.png” at the end. Replace this URL with a URL to your own bullet image.

    Thread Starter PhilcaPhoto

    (@philcaphoto)

    AWESOME thank you so much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to customize previous/next buttons?’ is closed to new replies.