Docs

[armintz]

How do you position the nav arrows of the Cornerstone Slider (not Revolution Slider) to the right instead of the default left?

Also, I have multiple sliders on the page, but only wish to move the arrows for one specific slider.

I am building the site locally so unfortunately can’t post a link right now, but maybe there is a generalized answer that can help? I’ve searched the forum and found some responses that were close, but not quite what I’m looking for.

Thank you

[Rue Nel]

Hello There,

Thanks for writing in! To reposition the arrows in the default Cornerstone slider, please edit the page back in Cornerstone and add an custom my-slider ID to your slider. Insert the following custom css in the settings tab, Settings > Custom CSS

#my-slider .flex-direction-nav a.flex-prev {
    right: 50px;
    left: auto;
}

#my-slider .flex-direction-nav a.flex-next {
    right: 14px;
    left: auto;
}

Hope this helps. Kindly let us know.

[armintz]

This worked perfectly – thank you.

[Thai]

You’re most welcome 🙂

[Author]

Posts