Out of the box, the navigation arrows that the Slider or the Fullwidth slider module will only show if we hover over the Slider module.
How to make the Slider/Fullwidth Slider's navigation arrows always visible
Open the Slider/Fullwidth Slider settings
Go to Advanced Tab → Custom CSS → Free-Form CSS
Paste in this code:
selector .et-pb-slider-arrows a.et-pb-arrow-prev,
selector .et-pb-slider-arrows a.et-pb-arrow-next {
opacity: 1;
}
selector .et-pb-slider-arrows a.et-pb-arrow-prev {
left: 22px;
}
selector .et-pb-slider-arrows a.et-pb-arrow-next {
right: 22px;
}
Note: we are using the selector
as the parent CSS selector. This is a special function of Divi, which will replace that keyword selector
with the actual CSS selector of the slider.
The result can be seen below: