queue  41
support
Results 1 to 2 of 2

Thread: Arrows on the splash gallery

  1. #1

    Arrows on the splash gallery

    Hi, my splash gallery in on "autoplay" but there is no arrows on the sides of the slides.

    Is it possible to add arrows ?

    Thank you

  2. #2
    Lead Support Ante's Avatar
    Join Date
    Oct 2012
    Posts
    16,930
    Hello, apologies for delay.

    To enable the slider arrows, please go to theme folder/js and open app.js

    Find this:
    Code:
    		$(".owl-highlighted").owlCarousel({
    			slideSpeed: 500,
    			singleItem: true,
    			autoHeight: true,
    			pagination: true,
    			navigationText: ['<i class="ion-ios7-arrow-left"></i>','<i class="ion-ios7-arrow-right"></i>']
    		});
    Change it to look like this:
    Code:
    		$(".owl-highlighted").owlCarousel({
    			slideSpeed: 500,
    			singleItem: true,
    			autoHeight: true,
    			pagination: true,
    			navigation: true,
    			navigationText: ['<i class="ion-ios7-arrow-left"></i>','<i class="ion-ios7-arrow-right"></i>']
    		});
    FInally, add this to Custom CSS field in Theme Options panel:
    Code:
    #highlighted .owl-controls .owl-buttons .owl-prev {
    left: 50px;
    }
    
    #highlighted .owl-controls .owl-buttons .owl-next {
    right: 50px;
    }
    and make sure Javascript Compression is set to No in Theme Options -> Advanced