800,000+ WordPress sites are already using MetaSlider!

Modify the Arrows on Slideshows

This code is an example of how to move the arrows on a MetaSlider slideshow.

In this example, we’re using the “Bubble” theme with FlexSlider. This code will place the navigation arrows down towards the bottom of the slideshow. This code will also change the color and the icons used for the arrows.

When adapting this code for your site, you may need to change at least the theme name and the URL for your arrow images.

Update the CSS on your website using one of these recommended methods.


We hope that this code will be useful, but do not make guarantees. If you need troubleshooting help, or modifications to this code, please contact MetaSlider Pro support.