Re: Running into image saturation issues

Solved

Running into image saturation issues

Amy_NandN
Visitor
3 0 0

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:

Screenshot 2024-11-21 at 16.31.24.png

This is the original:

Screenshot 2024-11-21 at 16.31.32.png

 

Is there something I'm missing here? I'm using the "Be You" theme.

Accepted Solution (1)
Olllie
Shopify Partner
121 11 23

This is an accepted solution.

Hey,

 

Thanks! I've found the issue. 

 

 

Try this:

  1. Go to Online Store > Themes > Customise.
  2. Click the cog icon to access Theme Settings.
  3. Navigate to Custom CSS.

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!

Ollie | Founder & Developer of autoBlogger and autoSchema

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!


Discover more at autoBlogger.bot!

View solution in original post

Replies 5 (5)

Olllie
Shopify Partner
121 11 23

Can you please share a link to a page with an issue image - I can take a quick look at a few simple things!

Ollie | Founder & Developer of autoBlogger and autoSchema

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!


Discover more at autoBlogger.bot!

Amy_NandN
Visitor
3 0 0

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.

Olllie
Shopify Partner
121 11 23

This is an accepted solution.

Hey,

 

Thanks! I've found the issue. 

 

 

Try this:

  1. Go to Online Store > Themes > Customise.
  2. Click the cog icon to access Theme Settings.
  3. Navigate to Custom CSS.

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!

Ollie | Founder & Developer of autoBlogger and autoSchema

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!


Discover more at autoBlogger.bot!

Amy_NandN
Visitor
3 0 0

Amazing, it totally worked! 

Thank you so much, Ollie!

Olllie
Shopify Partner
121 11 23
Awesome! Great to hear. I'm glad I could help 😊
Ollie | Founder & Developer of autoBlogger and autoSchema

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!


Discover more at autoBlogger.bot!