Shopify themes, liquid, logos, and UX
Hi Everyone,
I am attempting to change the color of a product grid on my homepage for the Broadcast theme.
I was told to try adding this to my assets - theme.css
#ProductGridContainer {
background: #fffbb5;
}
This isn't working for me any ideas?
The backgrounds are white for each individual product in the grid and i am attempting to match them to my homepage background color
Solved! Go to the solution
This is an accepted solution.
Hi @Matthew- .
This is PageFly - Advanced Page Builder.
You can go to Online store => themes => actions => edit code and add this code on file theme.css
.product-grid.product-item{
background: #fffbb5 !imporant;
}
Hope this answer helps.
Best Regards,
PageFly
Hi @Matthew-,
Go to Assets > theme.css and paste this at the bottom of the file:
.index-tab-collections {
background: #fffbb5 !important;
}
Hope it helps!
Hello @Matthew-,
First, check if there is any issue with the product image, maybe the product image has a white background.
If not, you can try adding this below-provided code.
.product-grid .product-item{
background: #fffbb5;
}
In case the issue still exists then share your website URL and we will check the issue for you and provide the exact solution.
Regards,
CedCommerce
This is an accepted solution.
Hi @Matthew- .
This is PageFly - Advanced Page Builder.
You can go to Online store => themes => actions => edit code and add this code on file theme.css
.product-grid.product-item{
background: #fffbb5 !imporant;
}
Hope this answer helps.
Best Regards,
PageFly
I am having a similar issue. I have not been able to get it to work. Please help.
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025