Hi, have a look at the SA PRO FAQs page:
https://edgewebpages.com/faqs/
Look under the heading ‘Useful CSS Style for Slide Anything‘, within the sub-heading ‘Instead of using slide link icons, make the entire slide clickable‘.
Hi Simon,
I have already applied the CSS mentioned in FAQs section but it doesn’t seem to work. I am using Carousel-showcase option
Hi, can you give me the link containing the carousel so I can have a look?
Hi Simon here is the link, the carousel is only visible on mobile so kindly check only on mobile: http://kamatharjun.com/
Thanks much for being so responsive.
Regards,
Try adding the following CSS:
.white #slider_8896 .owl-item .sa_hover_container .sa_hover_buttons {
top:0px !important;
left:0px !important;
margin-top:0px !important;
margin-left:0px !important;
width:100% !important;
height:100% !important;
}
.white #slider_8896 .owl-item .sa_hover_container .sa_hover_buttons .sa_popup_zoom_icon {
background:transparent !important;
background-image:none !important;
}
Hi Simon,
Tried the CSS that you have shared but still icon appears along with the background.Unsuccessful…
Regards
Strange, because when I inspect that page (http://kamatharjun.com/) I’m not seeing that CSS being applied see:
View post on imgur.com
You need to put this CSS is the ‘style.css’ file of your child theme.
I have applied the CSS in style.css now but the image itself is not opening on click.
Try the following CSS:
.white #slider_8896 .owl-item .sa_hover_container .sa_hover_buttons {
top:0px !important;
left:0px !important;
margin-top:0px !important;
margin-left:0px !important;
width:100% !important;
height:100% !important;
}
.white #slider_8896 .owl-item .sa_hover_container .sa_hover_buttons .sa_popup_zoom_icon {
background:transparent !important;
background-image:none !important;
width:100% !important;
height:100% !important;
}
Thank you so much Simon, worked finally:) Thanks for all the help!
