Hide Gallery Slider Controls and Dots

|

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

0 Comments

Submit a Comment

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