Hide Gallery Slider Controls and Dots


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; 

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; 

This post may contain referral links which may earn a commission for this site

Divi Booster

Hundreds of new features for Divi
in one easy-to-use plugin


  1. 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?



Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

Your email address will not be published. Required fields are marked *.