The Divi theme comes with a gallery module which lets you display pictures in images in both a grid and slider format. The Divi gallery module displays navigation arrows and dots when in slider mode. If you'd like to hide these, you can do so with the following CSS:
.et_pb_gallery .et-pb-slider-arrows,
.et_pb_gallery .et-pb-controllers {
display: none !important;
}
Related Post: Adding CSS to the Divi Theme
Hide the gallery controls when automated
To hide the controls only on automated sliders, you can use this CSS instead:
.et_pb_gallery.et_slider_auto .et-pb-slider-arrows,
.et_pb_gallery.et_slider_auto .et-pb-controllers {
display: none !important;
}
hi! thanks for this CSS..
it works..
other question is how to avoid visitors clicking on the image on the Gallery Slider, and it popping up?
thanks
-Gabriel
Hey gabriel,
This post explains how to do it:
Stop the Gallery Module Images opening in a Popup
Let me know if it doesn't do what you need. Thanks!