Thumbnails are not styled after moving to another container

mr.henry.kiss's Avatar


07 Dec, 2012 01:05 AM


In this example: I use a colorbox to launch royalSlider. I also remove the thumbnails and append them to a nearby div. Unfortunately the thumbnails arrow navigation is not being shown as expected. I can see the .rsThumbsArrow divs when inspecting the DOM, but I cannot get them to appear on the thumbnails.

The thumbnail strip is added to this div <div id="carousel" class="cottages"></div> which has a width of 890px. In css/style.css:281 I set the .rsNav to 700px. I append with this js in home.html


When the royalSlider is viewed in fullscreen I use $.rsProto to re-append the .rsNav to the slider, if I restrict the width of the .rsFullscreen .rsNav the thumbnail arrows are shown.

Help is greatly appreciated I have a demo first thing tomorrow morning.

Thanks again,

  1. Support Staff 1 Posted by Dmytro Semenov on 07 Dec, 2012 11:09 AM

    Dmytro Semenov's Avatar


    It's not hidden, it's just not styled, because your new container has no clas rsMinW. Take a look in your skin CSS file, all styles start from it.


  2. 2 Posted by mr.henry.kiss on 14 Dec, 2012 08:04 AM

    mr.henry.kiss's Avatar

    Thanks. That took care of the problem. I forgot to mark this ticket as resolved.

  3. mr.henry.kiss closed this discussion on 14 Dec, 2012 08:04 AM.

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