[Aamir Ali]

Up

0

Down

Salam Shahzad Bhai  , thanks for your tutorials  ,  really great they are , I learned a lot  .

I am trying to convert html website (https://colorlib.com/preview/#tasteit ) into wordpress , it has an owl carousel working in it on man page , with fade in fade out effect .

I  have  enqueued all the necessary files from html  to wordpress  in functions.php , css files , owl.carousel . theme default , main.js and jquery as well  , I have converted $ in jQuery as well , cause u had mentioned there can be an issue of conflict .

but its  home slider css stays hidden , function is not working properly , can u suggest what can be an issue .

Main.js has this code for carousel .

var carousel =  function() {

jQuery(‘.home-slider’).owlCarousel({

loop:true,

autoplay: true,

margin:0,

animateOut: ‘fadeOut’,

animateIn: ‘fadeIn’,

nav:true,

dots: true,

autoplayHoverPause: false,

items: 1,

navText : [“<span class=’ion-ios-arrow-back’></span>”,”<span class=’ion-ios-arrow-forward’></span>”],

responsive:{

0:{

items:1

},

600:{

items:1

},

1000:{

items:1

}

}

});

jQuery(‘.carousel-testimony’).owlCarousel({

center: true,

loop: true,

items:1,

margin: 30,

stagePadding: 0,

nav: false,

navText: [‘<span class=”ion-ios-arrow-back”>’, ‘<span class=”ion-ios-arrow-forward”>’],

responsive:{

0:{

items: 1

},

600:{

items: 1

},

1000:{

items: 1

}

}

});

};

carousel();

 

Thanks Shahzad .

[Author]

Posts