(701) 732-0799

Add this to your child theme… or add it to theme customizer and put it in “Additional CSS”

 /*------------------------------------------------------*/
/*---------[Always Show Arrows On Slider]---------------*/
/*------------------------------------------------------*/

@media all and (min-width: 768px) {
.et-pb-arrow-next {
opacity: 1;
right: 22px;
}
.et-pb-arrow-prev{
opacity: 1;
left: 22px;
}
}

@media all and (max-width: 767px) {
.et-pb-arrow-next {
opacity: 1;
right: 0;	
}
.et-pb-arrow-prev{
opacity: 1;
left: 0;
}
} 

Change The Default Divi Slider Arrows

You’ll need to add the custom class under advanced options for this one to work.

 /*------------------------------------------------------*/
/*--------------[Change The Arrow Look]-----------------*/
/*------------------------------------------------------*/
.customProductSlider .et-pb-arrow-prev:before {
content: url(https://www.LINK TO COOL/prev-arrow.png) !important;
}

.customProductSlider .et-pb-arrow-next:before {
content: url(https://www.LINK TO COOL/next-arrow.png) !important;
}

Alternative… This will change all slider arrows on your site.

 /*------------------------------------------------------*/
/*--------------[Change The Arrow Look]-----------------*/
/*------------------------------------------------------*/
.et-pb-arrow-prev:before {
content: url(https://www.LINK TO COOL/prev-arrow.png) !important;
}

.et-pb-arrow-next:before {
content: url(https://www.LINK TO COOL/next-arrow.png) !important;
}