White on banner jpgs is grey - maintaining integrity of images

The white on my banner jpgs is not crisp white but a very dirty light grey. I’ve tried to change the overlay box to white but it lightens the image and makes the blacks milky. I want the black to be black and the white to be white. It’s being altered on uploading to the site.

How do I upload an image and maintain the integrity?

I’m using the Pipeline theme. Not sure if it’s a Shopify issue or Group Thought.

Thank you

1 Like

Hello, @FastLabUTV

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

1 Like

https://fastlabutv.com/

@FastLabUTV

Thanks for store url

sorry, i can’t see an issue if possible to provide a screenshot?

1 Like

Notice the white of the FASTLAB logo center, and the white below the image. It seamlessly blends into the body of this email.

The white type in the jpgs, however is a dirty white. More light grey. It’s white when I made the jpg. Only grey after uploading to Shopify.

Does that make sense?

@FastLabUTV

Thanks for clear

  1. Go to Online Store->Theme->Edit code
  2. Asset->/Theme.scss.liquid->paste below code at the bottom of the file.
.homepage--white .image-overlay, .homepage--light .image-overlay {background-color: transparent;}
1 Like

Amazing! Thank you so much!

1 Like

@FastLabUTV

Thanks for update and support.

1 Like

Followed the steps and it’s still Grey. Any extra steps or something else that works? Thank you

1 Like

@deeds530

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hi!

Thank you so much for your fast response. It’s www.refilllatierra.com

The jpg is still grey where it should be white and i copy/pasted the above thing.

Thank you

1 Like

@deeds530

sorry for this issue can you please please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
.hero-fixed-width::before {display: none;}
1 Like

Hi Again,

When you said between the “5-6 second” do you mean the 5-6 line number. Sorry I don’t speak code language. If that is what you meant, I copied it onto the line “6” and saved it and previewed and sadly it is still grey. :disappointed_face:

@deeds530

no no can you please flow just step can you please read text carefully

1 Like

solved!

Thank you!

1 Like

@deeds530

it’s my pleasure to help us

1 Like