how to hide slider navigation dots?

You need to do this css change in either custom css OR a child theme.

I use a browser inspector to find the css classes involved.

The new css is:

.slider .buttons {
 display:none;
}

It doesn’t work.

I can’t find the new css on your website. In which file did you put it ?

That is not my site, I am doing on my test site.
Here is some js code, see if you can find which one is control it. Maybe is this showButtons:!0, but not sure what the value should be.
Thanks.

7E3;this.autoPlayRate=35;this.dragging=this.overButtonsHolder=!1;this.currentSlide=this.current=this.dragOffset=0;this.oldSlide=-1;this.hasLoaded=!1;this.parameters={height:30,keyboard:!0,backgroundColor:"transparent",slider_transition_duration:1,slider_transition_type:"Expo",slider_transition_ease:"easeOut",slider_transition_starting:0,buttonsHide:!0,buttonsHideDelay:1.2,buttonsHideSpeed:3,mouseDragging:!0,handCursor:!0,autoplay:!0,pauseOnOver:!0,showArrows:!0,leftArrowVA:"center",leftArrowVO:0,
rightArrowVA:"center",rightArrowVO:0,leftArrowHA:"left",leftArrowHO:20,rightArrowHA:"right",rightArrowHO:-20,showButtons:!0,buttonsVA:"top",buttonsVO:0,buttonsHA:"center",buttonsHO:0,showPlayPauseButton:!0,PlayPauseVA:"bottom",PlayPauseVO:0,PlayPauseHA:"right",PlayPauseHO:0,showCloseButton:!1,closeVA:"bottom",closeVO:0,closeHA:"right",closeHO:0,closeLink:"#",useThumbnails:!1,thumbsPosition:"bottom",thumbsActiveCenter:"false",thumbsScrollSpeed:3,thumbWidth:70,thumbHeight:50,thumbRound:3,thumbVerMargin:0

Oh, I just changed it to hideButtons:!0. fixed.