charlottear
Forum Replies Created
-
Forum: Plugins
In reply to: [WooCommerce] Blurry images on single product pageSo I realised that my retina display was the source of problem.
The images looks fine on a regular 1080p display.
I solved it by changing the main image width to 1200 (previously 600px) in the “customizer” and now they look great on my screen as well.Thanks for all your help and sorry for the confusion! 🙂
Forum: Plugins
In reply to: [WooCommerce] Blurry images on single product pageOk thanks – I’ve done that but to me it’s still blurry.
I don’t think the blurry image can be fixed via css since it’s already blurred in the source https://www.casyatelje.se/wp-content/uploads/2019/05/IMG_0672-600×600.jpeg (the image on that page isn’t affected by any css attributes such as height/width)Thanks for your very quick replies! 🙂
Forum: Plugins
In reply to: [WooCommerce] Blurry images on single product pageI’m adding it in Appearance —> Customize —> Additional CSS
Here’s a screenshot: https://pasteboard.co/IhgZPF0.pngIf I look in dev tools the class seems to correctly override the one in woocommerce.css
https://pasteboard.co/Ihh1zEd.pngForum: Plugins
In reply to: [WooCommerce] Blurry images on single product pageThanks, but the image is still blurry 🙁
Forum: Plugins
In reply to: [WooCommerce] Blurry images on single product pageThanks for your reply!
I’ve tried to override the width: 100% with width:initial (also tried auto, %, inherit) but that doesn’t make any difference. I don’t know how to remove the property in the class in the woocommerce.css directly since its ‘minified’ (and I probably shouldn’t anyways).But I don’t think this is the problem?
If I open the image link directly, like this: https://www.casyatelje.se/wp-content/uploads/2019/05/IMG_0672-600×600.jpeg it’s still blurry.
