Tagged: product slider, safari, woocommerce
Hi there,
I have been trying to get the product slider for WooCommerce to display in the correct way, but images and especially product title shows up blurry on Safari (not in other browsers). I have searched through the forum and already added the following code to the CSS, but it doesn’t do the trick.
.avia-safari .avia-content-slider, .avia-safari .avia-content-slider-inner, .avia-safari .avia-content-slider-inner .slide-entry-wrap {
-webkit-perspective: 0px!important;
}
Is there something else I can do?
Hey,
I tried logging in to your site however logins do not work for me. Could you please check them once again? :)
Cheers!
Yigit
Sorry Yigit, my bet. I forgot to switch the standard role of subscriber to admin. Double checked the password and login and it should work now.
Hi,
Thanks!
I changed the code to following and it worked
#top .avia-content-slider, #top .avia-content-slider-inner, #top .avia-content-slider-inner .slide-entry-wrap {
-webkit-perspective: unset;
}
Please review your website :)
Cheers!
Yigit
That worked perfect. You guys rock, thank you so much. This is why I already bought more than 10 Enfold licenses for different projects. Your support is awesome.
Hi!
That is great to know! Thanks for sharing!
As always, you are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit