visibleNearby with fixed slide width

eddie's Avatar

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

    Dmitry Semenov's Avatar

    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 { 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

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

    eddie's Avatar

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

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

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