I'm trying to remove the next and previous links from an owl slider and can't figure out how to do so.
How to remove next & previous from owl-slider
3 replies · opened Jan 17, 2017
Hello,
You can simply set the data-nav="false" Attribute in the .carousel-widget Element to hide the Next/Prev Arrows.
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Hi,
Thanks for your reply.
I can't find .carousel-widget anywhere. I tried all the css style sheets and the webpage itself.
This is from an older version of your code.
I am using:
<div id="oc-clients" class="owl-carousel image-carousel">
followed by the javascript
<script type="text/javascript">
jQuery(document).ready(function($) {
var ocClients = $("#oc-clients");
ocClients.owlCarousel({
margin: 100,
loop: true,
nav: false,
next: false,
previous: false,
autoplay: true,
dots: false,
autoplayHoverPause: true,
responsive:{
0:{ items:2 },
480:{ items:3 },
768:{ items:4 },
992:{ items:5 },
1200:{ items:6 }
}
});
});
</script>This does not work
Hello,
According to your Issue, it seems you have partially upgraded your Website with the Latest Version of Canvas. Please checkout the Upgrade Instructions in the Documentation > Upgrade V3 to V4 Section and make sure that you have fully upgraded your Website to the Latest Version to ensure that these features are working correctly. Also, upgrading according to the Instructions will automatically fix this issue for you.
Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard