Shopify themes, liquid, logos, and UX
The cards that display my products have a white background, but my images are.png. I was hoping to make these cards show just the product with a transparent background. Is there a way to change this? Image and site link below:
https://lab-rat-supplements.myshopify.com/
Solved! Go to the solution
This is an accepted solution.
yes, please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.
.product-grid .card:not(.ratio), .product-grid .card-information {
background: transparent !important;
}
After View
This is an accepted solution.
yes, please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.
.product-grid .card:not(.ratio), .product-grid .card-information {
background: transparent !important;
}
After View
That worked, thank you!
its my pleasure to help us
Hi Ketan,
having the same issue as identified in the question, im trying to get my product backgrounds to be transparent across all products on my site. I've tried the proposed solution, and may other approaches given on this platform, to no avail. could you possible help?
oh sorry for that issue can you please send your store url so i will check and let you know proper solution
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025