Transparent Background works on Computer but not mobile device

Solved

Transparent Background works on Computer but not mobile device

truemonkeman
Tourist
10 1 1

Even though I have set all the images for my products to have transparent backgrounds, for some reason the main product image on my mobile device still has a white background. However, when I click on the product the background is transparent. I've tried searching up everything and I really can't find a solution to this. The first image is my website on my phone and the second image is my website on my computer. The url to my site is musicartistarchive.com if that helps anyone. If someone has a solution please let me know. 449872047_1172417157426446_2554124884586397655_n.jpgScreenshot (10).png

Accepted Solutions (2)

BSSCommerce-TC
Shopify Partner
225 49 51

This is an accepted solution.

Hi @truemonkeman ,

You can remove setting color scheme apply to card product. Please follow these step:

Step 1: Navigate to Online store > themes > edit code

Step 2: Find card-product.liquid and remove line as below show in figure

BSSCommerceTC_0-1720319069348.png

Result: 

BSSCommerceTC_1-1720319098150.png

 

BSSCommerceTC_2-1720319115555.png

 

Hope this can help you.

If our suggestion is useful, please let us know by giving it a like or mark as solution. Thank you 😍 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

truemonkeman
Tourist
10 1 1

This is an accepted solution.

It sadly still didn't work.

View solution in original post

Replies 2 (2)

BSSCommerce-TC
Shopify Partner
225 49 51

This is an accepted solution.

Hi @truemonkeman ,

You can remove setting color scheme apply to card product. Please follow these step:

Step 1: Navigate to Online store > themes > edit code

Step 2: Find card-product.liquid and remove line as below show in figure

BSSCommerceTC_0-1720319069348.png

Result: 

BSSCommerceTC_1-1720319098150.png

 

BSSCommerceTC_2-1720319115555.png

 

Hope this can help you.

If our suggestion is useful, please let us know by giving it a like or mark as solution. Thank you 😍 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
truemonkeman
Tourist
10 1 1

This is an accepted solution.

It sadly still didn't work.