How can I change the PopUp-Zoom-Icon?

  • Hallo Simon,

    How can I change the PopUp-Zoom-Icon?

    With own CSS, is it very difficult.
    Because, you has set in/for the class “sa_popup_zoom_icon” all rules with “!important”

    Thanks for your quickly help/reaction!
    G, Mike

Viewing 1 replies (of 1 total)
  • Plugin Author simonpedge

    (@simonpedge)

    Ja, can’t remember why I used ‘!important’ for these CSS rules, was a while back, but there must have been a reason. Should be easy enough to get around by using CSS Specificity – A CSS ID is more specific and takes precedence over a CSS class, so if you use the following:

    .white #ID .owl-item .sa_hover_container .always_visible .sa_slide_link_icon,
.white #ID .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon {
	background:rgba(0,0,0,0.3) url('URL') no-repeat center center !important;
}
.white #ID .owl-item .sa_hover_container .always_visible .sa_popup_zoom_icon,
.white #ID .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon {
	background:rgba(0,0,0,0.3) url('URL') no-repeat center center !important;
}
.white #ID .owl-item .sa_hover_container .always_visible .sa_popup_video_icon,
.white #ID .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon {
	background:rgba(0,0,0,0.3) url('URL') no-repeat center center !important;
}

    1) Replace #ID with the CSS ID for your SA Slider
    2) Replace URL with the URL to your icon images
    3) Replace .white with .black if you have set your slider to use the black icon scheme

Viewing 1 replies (of 1 total)
  • The topic ‘How can I change the PopUp-Zoom-Icon?’ is closed to new replies.

Tags