We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Change product image background color Dawn Theme

Change product image background color Dawn Theme

hoodieharmony
Tourist
7 0 1

Hello! I'd like to change the background color of the images shown on the collection to have a background of #F1F1F1, but I can't seem to figure it out.

 

Screenshot 2024-01-24 12.29.02 PM.png

 (I'm using a temp collection to distinguish the background color)

Replies 4 (4)

ThePrimeWeb
Shopify Partner
2139 616 529

Hey @hoodieharmony,

Sorry I'm not understanding. The color is already #F1F1F1. What is it that you are looking to change?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
hoodieharmony
Tourist
7 0 1

Apologies. I will show you what I mean:

I was using that example image in order to show you what area I wanted to recolor. Here is what the actual collection looks like:

hoodieharmony_0-1706412107164.png



As you can see, the background color is white and I have no idea how to change it.

ThePrimeWeb
Shopify Partner
2139 616 529

Oh I see, but we can't color the background of your collection because the image you used is a .jpg. You need to have .png without backgrounds. 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
SillyTheKid
Tourist
4 0 1

Assuming he had a png with a transparent background, what would the css be? I'm also trying to add a gray background to my Featured Collection images and product images. I have a png with transparent background. Thank you for your help. Dawn theme