Topic summary
A Shopify store owner encountered an issue where a green strip with a heading wasn’t displaying on the mobile version of their site.
Initial Solution:
- A helper provided custom CSS code to add to the theme’s Custom CSS section, which initially appeared to work.
Expanded Problem:
- The user discovered that anywhere they used “colour scheme 7,” the green color had disappeared, affecting multiple sections of the site.
Root Cause:
- Previously added customized codes in both the base.css file and theme.liquid file were causing conflicts.
Resolution:
- The helper identified and instructed removal of the conflicting code snippets from both files.
- After removing the problematic code from base.css, the issue was fully resolved.
- The user confirmed the fix worked and expressed relief at solving the problem.
Hi @saabbb1212
Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings.
#shopify-section-template--23585674264850__rich_text_KPtHf9 .gradient { background: #0d4d22 !important; }
1 Like
So please add this code below to theme.liquid file, after in Online Store > Themes > Edit code
1 Like
where do i find those codes please..in what file./section i mean?
One code is in the base.css file, and another, I guess you added somewhere in the theme.liquid file
1 Like
ive tried taking it out but doesnt work ![]()
that didnt work and now the background is grey ![]()
OMG Thankyou so much!!! I was going to lose my mind today if it wasnt for your help ;/
1 Like
You are very welcome!









