Position arrows outside of slider container

shay's Avatar

shay

23 Dec, 2020 05:03 PM

Hi, I'm using royal sliders wordpress plugin and trying to position the arrows outside the container (overflow hidden) - unchecking the "Controls inside" doesn't seems to change anything. Can you please help?
Thanks

  1. Support Staff 1 Posted by Dmitry Semenov on 23 Dec, 2020 09:07 PM

    Dmitry Semenov's Avatar

    Hello,

    Unchecking "Controls inside" only changes the base container of arrows (and other controls like bullets).

    To move them you may use CSS, for example to move right arrow:

    .rsArrowRight {
        right: -50px !important;
    }
    
  2. 2 Posted by shay on 23 Dec, 2020 09:15 PM

    shay's Avatar

    Hi, thanks for your response.
    I know that I need to use some css code in order to move the arrows, but I can’t seems to get them outside the container because of the overflow hidden - when they pass the slider containers width - they disappear.

  3. Support Staff 3 Posted by Dmitry Semenov on 24 Dec, 2020 05:39 AM

    Dmitry Semenov's Avatar

    Can you please link to the page with the issue? if "Controls inside" is unchecked, elements will be placed into root element of the slider, which does not have overflow:hidden. Make sure that your theme column doesn't have it.

  4. 4 Posted by shay on 24 Dec, 2020 12:13 PM

    shay's Avatar

    Hi,
    It's OK now
    Thanks Again

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

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