Shopify main page product images - How to remove color gradient behind product image

[blublu]

Shopify main page product images have a color gradient, from the theme I understand. I would like to override the theme here to remove the color gradient behind the product images.

In the product pages everything is fine already. It is only on the main page with all products.

DAWN theme.

Thanks!

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @blublu 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
.card .media {
    background: white !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[niraj_patel]

Hello @blublu 

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[BSS-TekLabs]

Hello @blublu 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[Sangeetanahar]

hello @blublu 

can you send me the Website URL

thanks

[customall]

Hello @blublu 

I can help you remove the color gradient behind the product images on your main page. Could you please share your store URL with me? This will allow me to provide you with the most accurate guidance.

Looking forward to assisting you!

[blublu]

https://blublu.ca/collections/all 

To view website: saghoo

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @blublu 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
.card .media {
    background: white !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[blublu]

Thank you. I guess that is a good solution on white background, but what if I need to keep the picture like it was without background, transparent around the pack?

[BSS-TekLabs · Accepted solution]

<style>
.color-scheme-2 {
    --gradient-background: none !important;
    --color-background: none !important;
}
</style>

Can you replace to this code @blublu 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.