Nivo slider, is there a way to always show the next and previous arrows?

I use the nivo slider (default theme) and I positioned the previous and next arrows next to the image (not on top of the image), and I was wondering if there is a way to always show the next and previous arrows (right now the arrows are displayed only when you hover over per image). There seems to be a way to edit the code to do this, but I can't figure out where. Thank you

+4
source share
4 answers

open the nivoslider js file and find

{a ("Nivo-directionNav.", E) .hide (); f.hover (function () {a ("Nivo-directionNav", e) .show ()}, function () {a ("Nivo-directionNav", e) .hide ()}

change to

{a ("Nivo-directionNav.", E) .show (); f.hover (function () {a ("Nivo-directionNav", e) .show ()}, function () {a (". Nivo-directionNav", e) .show ()}

Save download.

+5
source

directionHideNav: false does not work with 3.1.

Now changes to CSS In the theme css file, find the line

.theme-default .nivo-directionNav a

Edit: opacity: 0; before opacity: 1;

+9
source

The right way:

just change or add the directionNavHide value and set it to false in the nivoSlider settings.

 $('#slider').nivoSlider({directionNavHide:false}); 
+6
source

It is easy to do this without touching the JS code, just add a line to your CSS file:

 .nivoSlider .nivo-directionNav{ display: block !important; /* ALWAYS show the arrows */ } 

I am not a big fan! important, but if that means I don't need to configure js then this works for me.

+2
source

All Articles