OWL-Carousel arrows


jQuery('.owl-carousel').owlCarousel({
loop: true,
margin: 15,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
nav: true,
navText: ['<i class="material-icons">arrow_forward_ios</i>', '<i class="material-icons">arrow_back_ios</i>'],
navClass: ['owl-prev', 'owl-next'],
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:4
}
}
});

Comments

Post a Comment

Popular posts from this blog

TypeScrpt basics

+========= What is TypeScrpt ? ==========+ Typescript is not entirely new language , it 's a super set of JavaScript. that means any valid JS code is also valid typescript code . Additional feature : - -->      Strong Typing / static typing , -->      Object oriented features ( class , interfaces , constructors , access modified like public and private , fills , Properties , Generics and so on . ) -->      Compile time errors -->      great tooling ( i like Intelligence that we get in code editors ) -->      Typescript is a super set of JavaScript   Many Browser Transpile Our TS code , into JS . ++========= Use full Commands below ============++ ``` npm install -g typescript ( Install typescript Globally ) tsc -...
Read more

font-face HTTPS issue fixes

@font-face { font-family : 'Material Icons' ; font-style : normal ; font-weight : 400 ; src : url ( https://fonts.gstatic.com/s/materialicons/v38/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2 ) format ( 'woff2' ); } .material-icons { font-family : 'Material Icons' ; font-weight : normal ; font-style : normal ; font-size : 24px ; /* Preferred icon size */ display : inline-block ; line-height : 1 ; text-transform : none ; letter-spacing : normal ; word-wrap : normal ; white-space : nowrap ; direction : ltr ; /* Support for all WebKit browsers. */ -webkit-font-smoothing : antialiased ; /* Support for Safari and Chrome. */ text-rendering : optimizeLegibility ; /* Support for Firefox. */ -moz-osx-font-smoothing : grayscale ; /* Support for IE. */ font-feature-settings : 'liga' ; }
Read more