How to remove Owl or Flexislider navigational dots

4 replies · opened May 11, 2019

GGavinBaylisMay 11, 2019

AS per subject line how can you remove the navigation circles / dots on either Flexislider or Owl Carousels.

I've tried something like this but no luck

<div id="oc-portfolio-sidebar" class="owl-carousel carousel-widget" data-items="1" data-margin="10" data-loop="true" data-nav="false" data-dots="false" data-autoplay="2000">

<div class="fslider" data-arrows="false" data-nav="false" data-controlNav="false" data-lightbox="gallery">

SSemicolon WebSTAFFMay 12, 2019

Hello,

Simply use the data-pagi="false" on both the Element Tags.

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.

SSemicolon WebSTAFFMay 22, 2019

Hello,

We have checked out your Codes and the Double Quotes in the data-pagi="false" have not been formatted properly which is causing this to not work properly. Please make sure that you are using a Text Editor like Sublime Text to copy/paste the codes so that the HTML Entities are formatted properly preventing any unexpected issues.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

GGavinBaylisMay 24, 2019

Great thanks- that did the trick

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