Title: Customize arrows
Last modified: August 20, 2016

---

# Customize arrows

 *  [denisdonis](https://wordpress.org/support/users/denisdonis/)
 * (@denisdonis)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/customize-arrows/)
 * **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**
 * [http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/](http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [Stefan Boonstra](https://wordpress.org/support/users/stefanboonstra/)
 * (@stefanboonstra)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/customize-arrows/#post-3506907)
 * 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](http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/faq/).
 * 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](http://www.w3schools.com/css/css_positioning.asp).
 * The arrow’s shadows are in the images as well, which means they can’t be adjusted
   from the stylesheet.
 * Best regards,
    Stefan
 *  [iversoncru](https://wordpress.org/support/users/iversoncru/)
 * (@iversoncru)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/customize-arrows/#post-3507115)
 * 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!!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Customize arrows’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/slideshow-jquery-image-gallery_d3d2de.
   svg)
 * [Slideshow](https://wordpress.org/plugins/slideshow-jquery-image-gallery/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/slideshow-jquery-image-gallery/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/slideshow-jquery-image-gallery/)
 * [Active Topics](https://wordpress.org/support/plugin/slideshow-jquery-image-gallery/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/slideshow-jquery-image-gallery/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/slideshow-jquery-image-gallery/reviews/)

 * 2 replies
 * 3 participants
 * Last reply from: [iversoncru](https://wordpress.org/support/users/iversoncru/)
 * Last activity: [13 years, 1 month ago](https://wordpress.org/support/topic/customize-arrows/#post-3507115)
 * Status: not resolved