Change the position of the Arrows.

zbyszekkarmelita's Avatar


05 Feb, 2018 07:49 PM

Hello :)

I am using Royalslider wordpress version. I want to move the arrows outside the area of the photo, and change their appearance to more contemporary ones. I'm trying to do it with a change in parameters in css styles, but I can not do it. Please help.

Slider on my website.

Best regards,

  1. Support Staff 1 Posted by Dmitry Semenov on 05 Feb, 2018 09:45 PM

    Dmitry Semenov's Avatar


    Arrows are styled from selected skin css file ( in your case).

    You may override styles from your theme styles, or add new custom skin

  2. 2 Posted by zbyszekkarmelit... on 05 Feb, 2018 10:56 PM

    zbyszekkarmelita's Avatar

    Thank you for your answer. The problem is when I try to change the position of the arrows. I want her to be out of the picture. When I enter, for example: (left: -30px), the arrow disappears.
    I probably do something wrong, but I do not know what.

  3. 3 Posted by zbyszekkarmelit... on 05 Feb, 2018 11:00 PM

    zbyszekkarmelita's Avatar

    I would like to add that the max width of the site content is 1200px, and the image has a width of 1100px.

  4. Support Staff 4 Posted by Dmitry Semenov on 06 Feb, 2018 06:45 AM

    Dmitry Semenov's Avatar

    You have overflow:hidden style on your theme .single-layout-width container, that's why when you shift it - it gets cut off.

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


? 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