Hi guys I’m wanting to change background color of all my products on product page because my products have a transparent background, I have changed it to grey on collection page but when I click on the product it’s back to white again. Could someone help me with this please ? Thank you very much. Here’s the link to my website: https://luxicy.com/collections/pendants
Topic summary
A user seeks help changing the product page background color from white to grey to match their collection page, as their products have transparent backgrounds.
Proposed Solutions:
Two community members offered CSS-based fixes:
- Option 1: Add code to
theme.csstargeting.mp-slider--own-slides-wrapperwith background color#7e7e7e - Option 2: Add code to
base.cssortheme.csstargeting.product-cardwith background color#2f2f2f
Both solutions follow the same implementation path:
- Navigate to Online Store > Themes > Actions > Edit Code
- Locate the Assets folder and appropriate CSS file
- Paste the provided code at the bottom
- Save and preview changes
Current Status:
One responder reports the background already appears grey on their end (Chrome and Safari), suggesting the issue may have been resolved or is browser-specific. The discussion remains open pending confirmation from the original poster.
1 Like
Hello @luxicy999
Its Artzen Technologies! We will be happy to help you today.
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.css and paste this at the bottom of the file:
.pmslider-own--slides-wrapper {
background: #e7e7e7;
}
Let me know if need further assistance
Regards,
Artzen Technologies
Hello @luxicy999 ,
You can try to follow these steps:
Go to Online Store → Themes → Actions → Edit code
Go to Assets folder → base.css file or theme.css file
Add this following code at the bottom of page
.product-card {
background-color: #f2f2f2;
}
Save and preview
Hope this can help.
Transcy
