Customize arrows

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,
Stefan

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!!