Hi, try the following CSS code:
/* WHITE COLOR SCHEME */
.white .sa_owl_theme .owl-stage .owl-item .sa_hover_container .always_visible .sa_slide_link_icon,
.white .sa_owl_theme .owl-stage .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon {
background:rgba(0,0,0,0.3) url('IMAGE_URL') no-repeat center center !important;
}
.white .sa_owl_theme .owl-stage .owl-item .sa_hover_container .always_visible .sa_popup_zoom_icon,
.white .sa_owl_theme .owl-stage .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon {
background:rgba(0,0,0,0.3) url('IMAGE_URL') no-repeat center center !important;
}
.white .sa_owl_theme .owl-stage .owl-item .sa_hover_container .always_visible .sa_popup_video_icon,
.white .sa_owl_theme .owl-stage .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon {
background:rgba(0,0,0,0.3) url('IMAGE_URL') no-repeat center center !important;
}
.white .sa_owl_theme .owl-stage .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon:hover,
.white .sa_owl_theme .owl-stage .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon:hover,
.white .sa_owl_theme .owl-stage .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon:hover {
background-color:rgba(0,0,0,0.8) !important;
}
1) Replace ‘IMAGE_URL’ with the URL of your hover image (image must be 30×30 pixels)
2) Replace ‘.white’ with ‘.black’ if you are using the black colour scheme