Shopify themes, liquid, logos, and UX
Help! I have a bizarre issue with a section of background color ... seems to be the grid?
The theme colors do not override the background color, which is a gray-ish ( seems like #F5F3F1) against the theme color, which should be cream-ish.
I've tried everything and can't figure it out.
Note the subtle color difference (harder to see in these photos but noticeable live) to the right of product hero image on desktop:
Color difference appears between section on mobile:
Solved! Go to the solution
This is an accepted solution.
The theme is latest Dawn 13.0.1
There have been customizations - not sure when the issue appeared, however.
I fixed the issue with the following custom css hack on the 'Product information' section:
.grid {
background-color: #manual-hex-code-here;
}
So it definitely was the grid section causing the color difference.
The updated site here: https://www.lifeandprosper.com/products/woodsy-premium-bar-soap
What theme are you using ?
Had you done any theme customization before noticing this issue ?
It would help others (who want to help) to, if possible, see the link live esp. that the pics don't show anything.
This is an accepted solution.
The theme is latest Dawn 13.0.1
There have been customizations - not sure when the issue appeared, however.
I fixed the issue with the following custom css hack on the 'Product information' section:
.grid {
background-color: #manual-hex-code-here;
}
So it definitely was the grid section causing the color difference.
The updated site here: https://www.lifeandprosper.com/products/woodsy-premium-bar-soap
Glad you found the culprit.
Great products you have, best of luck 👍
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