Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
So I'm running into an issue where my images are showing up super desaturated. I have tried changing file type from PNG to JPG, compressing the images (all to sub 90kb), making sure all my colors are web friendly, making theme overlays Transparent, AND removing embedded color profiles, but all the iterations turn out similarly desaturated from the original.
Here's the result of the upload:
This is the original:
Is there something I'm missing here? I'm using the "Be You" theme.
Solved! Go to the solution
This is an accepted solution.
Hey,
Thanks! I've found the issue.
Try this:
Then, paste the following code:
.slideshow {
--color-overlay: none;
}
Let me know if this helps! Don’t forget to like and mark this as the solution if it resolves your issue.
Cheers!
autoBlogger: Seamlessly scheduled, fully automated, AI-powered, and SEO-optimised blogging with FAQs, table of contents and other features! Start your 14-day free trial today!
autoSchema: Fully automated and continuously updated Google structured data, including duplicate data removal. Simple to install – try it now!
Can you please share a link to a page with an issue image - I can take a quick look at a few simple things!
autoBlogger: Seamlessly scheduled, fully automated, AI-powered, and SEO-optimised blogging with FAQs, table of contents and other features! Start your 14-day free trial today!
autoSchema: Fully automated and continuously updated Google structured data, including duplicate data removal. Simple to install – try it now!
Hi Ollie!
You can find this image HERE - I'm finding that the issues are occurring with the hero section specifically, all other images on the site appear as they should.
This is an accepted solution.
Hey,
Thanks! I've found the issue.
Try this:
Then, paste the following code:
.slideshow {
--color-overlay: none;
}
Let me know if this helps! Don’t forget to like and mark this as the solution if it resolves your issue.
Cheers!
autoBlogger: Seamlessly scheduled, fully automated, AI-powered, and SEO-optimised blogging with FAQs, table of contents and other features! Start your 14-day free trial today!
autoSchema: Fully automated and continuously updated Google structured data, including duplicate data removal. Simple to install – try it now!
Amazing, it totally worked!
Thank you so much, Ollie!
autoBlogger: Seamlessly scheduled, fully automated, AI-powered, and SEO-optimised blogging with FAQs, table of contents and other features! Start your 14-day free trial today!
autoSchema: Fully automated and continuously updated Google structured data, including duplicate data removal. Simple to install – try it now!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025