Customize arrows (3 posts)

  1. denisdonis
    Posted 2 years ago #

    Hi Stefan

    Congratulations for this beautiful job, works great!!!
    I need to customize my arrows:

    the size
    the location
    and the opacity of the shadow

    I'm a total dummy in this knowledge, so please be nice and explain with apples :)

    A big hug from Chile


  2. Stefan Boonstra
    Plugin Author

    Posted 2 years ago #

    Hi Denis,

    The arrows are made up of images. When you want to adjust the size of the arrows, you may want to change the images used for them.

    To change any styling of the slideshow, you'll need a custom stylesheet. You can read how to create one in the FAQ section.

    The buttons are styled by these values:

    .slideshow_container .slideshow_button {
    	margin-top: -20px;
    	height: 40px;
    	width: 19px;
    	background: url('%plugin-url%/images/SlideshowPlugin/light-arrows.png') no-repeat;
    .slideshow_container .slideshow_previous { }
    .slideshow_container .slideshow_next {
    	background-position: -19px 0;

    To change the position of the 'previous button', you can use the 'top', 'bottom'. 'left' and 'right' CSS values. You can learn how this works here.

    The arrow's shadows are in the images as well, which means they can't be adjusted from the stylesheet.

    Best regards,

  3. iversoncru
    Posted 2 years ago #

    thanks a lot for this post and for the answer.
    I did what you said, Stefan, and it is working perfectly and exactly how i wanted.
    Thanks a lot!!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Slideshow
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic