Changing collections page thumbnail BACKGROUND COLOR?

Solved

Changing collections page thumbnail BACKGROUND COLOR?

plahn
Tourist
24 0 3

Hi all!

 

I would like to change the collections page thumbnail background colour,

I am currently using DAWN 10.0.0.

 

I am using PNG images and need the background to be WHITE.

Not sure where or how to code this in....

 

collection-pages-product-thumbnails.png


Any help would be greatly appreciated!

 

Thanks
Phil

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12366 2558 3743

This is an accepted solution.

@plahn 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

.collection .media--transparent {background-color: #fff !important;}

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 8 (8)

dmwwebartisan
Shopify Partner
12366 2558 3743

@plahn 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
plahn
Tourist
24 0 3

Website is not live yet. I have just attached the image as an example.

dmwwebartisan
Shopify Partner
12366 2558 3743

@plahn 

Please share the preview URL with the storefront password!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
plahn
Tourist
24 0 3

No problem. PM sent 😉

dmwwebartisan
Shopify Partner
12366 2558 3743

This is an accepted solution.

@plahn 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

.collection .media--transparent {background-color: #fff !important;}

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
plahn
Tourist
24 0 3

That works great!!!!

 

THANK YOU.

dmwwebartisan
Shopify Partner
12366 2558 3743

@plahn 

If helpful then please Like Solution .

Welcome again!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
plahn
Tourist
24 0 3

I was just browsing the website and I saw that the upsell items at the bottom of product page have grey background also.

 

Where would I change that one?