WordPress.org

Ready to get started?Download WordPress

Forums

Slideshow
Customize arrows (3 posts)

  1. denisdonis
    Member
    Posted 1 year 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

    http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/

  2. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year 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,
    Stefan

  3. iversoncru
    Member
    Posted 1 year 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

About this Topic