Home → RoyalSlider WordPress Issues →

Position arrows outside of slider container

• Edit

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

   

   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;
   }
   

   • Edit

2. 2 Posted by shay on 23 Dec, 2020 09:15 PM

   

   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.

   • Edit

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

   

   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.

   • Edit

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

   

   Hi,
   It's OK now
   Thanks Again

   • Edit