move thumbnail arrows outside rsThumbs container

scottshane.hoffman's Avatar

scottshane.hoffman

05 Dec, 2012 08:32 PM

I would like to move the navigation arrows outside of "rsNav rsThumbs rsThumbsHor" container as depicted in attached image

  1. Support Staff 1 Posted by Dmytro Semenov on 05 Dec, 2012 10:29 PM

    Dmytro Semenov's Avatar

    Hi,

    Simply change container of arrows after initialization and shift them outside via CSS. For example:

    jQuery('.royalSlider .rsThumbsArrow')
    .css({position: 'absolute', top: 'auto', height:50,bottom:0, left:-20 })
    .appendTo('.royalSlider')
    .filter('.rsThumbsArrowRight')
    .css({left:'auto', right: -20});
    

    You may also change width of whole thumbnails container (.rsNav), if you need to.

    If you're using WP version, code can be placed as described here - http://help.dimsemenov.com/kb/wordpress-royalslider-advanced/wp-whe...

    Dmitry

  2. 2 Posted by scottshane.hoff... on 05 Dec, 2012 11:23 PM

    scottshane.hoffman's Avatar

    Thanks.

  3. scottshane.hoffman closed this discussion on 05 Dec, 2012 11:23 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac