Always show next/prev arrows in NextGen gallery

This helps mobile users to know how to navigate images in the gallery.

Go to the fancybox css file “jquery.fancybox-1.3.4.css” in my version.

It is located at: /www/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/lightbox/static/fancybox

Add to icons css:

#fancybox-left-ico {
 left: 20px;
}
#fancybox-right-ico {
 right: 20px;
 left: auto;
}

One comment

  1. Thanks for sharing, works like a charm!

    However, if you add the code above to the fancybox css file, it will be overwritten when you update NextGen. Therefor, you’d better add the code to your own theme’s style.css. Since you’ll have to overwrite the fancybox css file, add !important; after each css line. So like this:


    #fancybox-left-ico {
    left: 20px!important;
    }
    #fancybox-right-ico {
    right: 20px!important;
    left: auto!important;
    }

Leave a Reply

Your email address will not be published. Required fields are marked *