Hi,
You can overwrite the CSS to force the arrows to always show.
Adding the following CSS code below should do the trick.
.metaslider .flexslider .flex-prev {
left: 5px !important;
opacity: .8 !important;
}
.metaslider .flexslider .flex-next {
right: 5px !important;
opacity: .8 !important;
}
I notice that I need the negative values to move the arrows out of the image.
How do I change the color of the arrows?
It’s using an image to display the arrows.
https://oldfreegame.com/wp-content/plugins/ml-slider/assets/sliders/flexslider/bg_direction_nav.png
You’d have to change the whole image to change the background or you’d have to make your own custom CSS for the arrows
I’ll be using SVGs. I’ll have to figure out how to use them. I have unlocked them for use on WordPress, but don’t know how to add a chosen SVG image.
You can do this by changing the background-image.
.metaslider .flexslider .flex-direction-nav li a {
background-image: url(<url_here>);
}
