Image in Product Pages are not showing

Hi, I am using the travelify them for my website. The product images are showing fine in the shop, but when you click on individual product pages, it’s just white. When you click on the box where the product images should be, the image is showing. Help, anyone? link is http://kombucha.ph/shop

Thanks,

Jannah

Hello there,

I hope you are doing well today.

You can use the following CSS code to restore the image’s visibility by going to Appearance > Customize > Additional CSS and pasting it there.

/*Product Image Opacity*/
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    opacity: 1;
}

Best Regards,
Support

hi. thanks for the help. it worked in the preview, but it didn’t work in the actual site even after i deleted the cache and viewed it in incognito

Hello there,

Thanks for getting back to me on this issue. Could you please test the page on another browser and tell me the results along with the browsers used?

Please try removing the previous CSS code and using thiscode instead:


/*Product Image Opacity*/
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    opacity: 1 !important;
}

Best Regards,
Support

Hey there,
Hope you’re doing well today

Did you manage to get this issue resolved?

Just asking so that I may provide some additional support, or close the ticket.

Please let me know.

I look forward to your reply :slight_smile:

Best Regards,
Support