move thumbnail arrows outside rsThumbs container

scottshane.hoffman's Avatar


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


    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 })
    .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 -


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

    scottshane.hoffman's Avatar


  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


? 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