What's your biggest current challenge? Have your say in Community Polls along the right column.

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
101 9 20

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

autoBlogger: Seamlessly scheduled, fully automated, AI-powered, and SEO-optimised blogging with a host of free extras! Start your 14-day free trial today!



Discover more at autoBlogger.bot!

View solution in original post

Replies 5 (5)

Olllie
Shopify Partner
101 9 20

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

autoBlogger: Seamlessly scheduled, fully automated, AI-powered, and SEO-optimised blogging with a host of free extras! Start your 14-day free trial today!



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
101 9 20

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

autoBlogger: Seamlessly scheduled, fully automated, AI-powered, and SEO-optimised blogging with a host of free extras! Start your 14-day free trial today!



Discover more at autoBlogger.bot!

Amy_NandN
Visitor
3 0 0

Amazing, it totally worked! 

Thank you so much, Ollie!

Olllie
Shopify Partner
101 9 20
Awesome! Great to hear. I'm glad I could help 😊
Ollie | Founder & Developer of autoBlogger

autoBlogger: Seamlessly scheduled, fully automated, AI-powered, and SEO-optimised blogging with a host of free extras! Start your 14-day free trial today!



Discover more at autoBlogger.bot!