Change Product Background Color

Technical Q&A
1

Hi there, in Shopify Dawn I have been trying unsuccessfully to change the white background on the product cards on the product page to light grey. Despite trying every code I could find online nothing has worked. I did manage to make a change so that all of the product cards in my featured collections show as light grey but doesn’t seem to have changed on the product page. Reaching out for some guidance if possible please. Cheers Sean

2 Likes
2

Hey @seanyd

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

hey @seanyd share the URLs of your website plz

4

Hi Moeed, the url is apreswaves.com and the pw is Butchandsun11$$

1 Like
5

hey dear @seanyd follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

<style>
product-info#MainProduct-template--24725744484654__main {
    background-color: #D3D3D3;
}
</style>

image
image1280×827 139 KB

6

Thanks Mustafa, a slight misunderstanding. I want to keep the product page white and just change the product image backgrounds to light grey, cheers

7

oh sorry for that
so if you want to change your background color of your product image so you don’t have to need any code
for that you have to ask you designer to change the color of your product image

image
image901×906 32.3 KB

8

Currently at the moment, all your product pictures have a white background and because of that the CSS code won’t work, I suggest you to upload images with a transparent background and then let me know once done so I can provide you a code! :slight_smile:

Best,
Moeed