In this video I fix a problem that a number of you have been having where product images imported from Amazon using WZone are showing up smaller than they should. I think this problem only affects the Kingdom theme, but It could be a problem for others.
The fix is a quick bit of custom CSS.
Custom CSS Code
.woocommerce-product-gallery__image.flex-active-slide a {
width: 100% !important
}
Comments
Hello Alex,
Hope all is well, having the issue with Amazon small images.
But unlike your example, my issue is only affecting mobile images, all rest are fine.
I tried adding your code under a mobile class, but still not working.
Quick question please? Are you missing a semi-colon at the end of your example code (after !important)?
.woocommerce-product-gallery__image.flex-active-slide a {
width: 100% !important
}
Just wondered if this is something you could help me with, happy to send you a drink for your time?
Site is in development at the moment, but if you could let me know if you would be able to help, I can open it up so you can see it?
Or, if you have a contact number, I could call to explain?
Many thanks,
John
it should be after the 100%! so:
.woocommerce-product-gallery__image.flex-active-slide a {
width: 100%; !important
}