Safari is not showing woocommerce product images

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi Mac,

    The opacity declaration in this CSS rule is hiding your product images:

    html:not(.mobile-true) #main img:not(.animate-element,.ls-s-1), html:not(.mobile-true) #header img, html:not(.mobile-true) #bottom-bar omg {

	opacity: 0;
	-webkit-transition: opacity 1000ms ease;
	-moz-transition: opacity 1000ms ease;
	-ms-transition: opacity 1000ms ease;
	-o-transition: opacity 1000ms ease;
	transition: opacity 1000ms ease
}

    You can see this and test it by using Inspect Element in Safari.

    Hope this helps!

    Thread Starter Mac

    (@rehanmac)

    Hi Christi,
    Thanks for your reply. Can you please tell me what is the solution for the problem ? And why this is fine in chrome and not in safari ?
    Thanks.

    Plugin Contributor Mike Jolley (a11n)

    (@mikejolley)

    This CSS rule is probably in your theme, so ensure the theme author is aware. These types of CSS rules work differently across different browsers https://css-tricks.com/forums/topic/css3-transition-not-working-in-safari/

    Hi Mac,

    I can see your product images on your site now, so it looks like you were able to get the issue with your theme’s CSS corrected. If that is correct, please mark this thread as resolved.

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Safari is not showing woocommerce product images’ is closed to new replies.