Solved

White on banner jpgs is grey - maintaining integrity of images

FastLabUTV
Tourist
4 0 2

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

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 15 (15)

KetanKumar
Shopify Partner
36839 3635 11972

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
FastLabUTV
Tourist
4 0 2
KetanKumar
Shopify Partner
36839 3635 11972

@FastLabUTV 

Thanks for store url

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
FastLabUTV
Tourist
4 0 2

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?

Screen Shot 2020-10-21 at 7.37.25 PM.png

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
FastLabUTV
Tourist
4 0 2

Amazing! Thank you so much!

KetanKumar
Shopify Partner
36839 3635 11972

@FastLabUTV 

Thanks for update and support.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
deeds530
Tourist
4 0 3

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

KetanKumar
Shopify Partner
36839 3635 11972

@deeds530 

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

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

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
deeds530
Tourist
4 0 3

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

KetanKumar
Shopify Partner
36839 3635 11972

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
deeds530
Tourist
4 0 3

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. 😞

KetanKumar
Shopify Partner
36839 3635 11972

@deeds530 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
deeds530
Tourist
4 0 3

solved!

Thank you!

KetanKumar
Shopify Partner
36839 3635 11972

@deeds530 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing