Home → RoyalSlider HTML version issues →

visibleNearby with fixed slide width

• Edit

eddie

19 Apr, 2013 10:25 AM

Hi, I'd like to have the center slide a fixed width of 960px with nearby slides visible if the window is big enough. As ar as I can see, visibleNearby only supports a ratio which resizes all slides with window size. Is this possible?

Thanks

1. Support Staff 1 Posted by Dmitry Semenov on 19 Apr, 2013 11:15 AM

   

   Hi,

   1. Make sure that visibleNearby (nearby slides) option is disabled. If you're using WP version - you may start from default template, but it's not mandatory.
      
   2. Set width of slider to 960px (or, for example, 30%). It is the size of the center slide (excluding nearby slides). And optionally center it with CSS:
      .royalSlider { width: 960px; margin: 0 auto }. In WP version width can be set in Size & Scaling section.
   3. Remove style overflow:hidden from .rsOverflow element. This will reveal nearby slides. Like so:
      .rsOverflow { overflow:visible !important; }
   4. You might need to wrap slider with another element and apply overflow:hidden to it, or apply it to body to avoid horizontal browser scrollbar. Like so:
      body { overflow-x:hidden } `

   Dmitry

   • Edit

2. 2 Posted by eddie on 19 Apr, 2013 12:16 PM

   

   Thanks for your reply, it seems obvious now! All working fine.

   • Edit

3. Dmitry Semenov closed this discussion on 30 Jul, 2013 05:42 AM.