A user successfully changed their shop’s background color using custom code in the theme.liquid file but encountered issues when trying to apply a different color scheme (color scheme 2) to specific sections: the announcement bar, multicolumn, and footer.
Problem identified:
The background color code was overriding the color scheme settings for these sections.
Solution provided:
Instead of adding the code to theme.liquid, move it to the Custom CSS section of each specific section. Remove the <style> tags when adding to Custom CSS—only include the CSS rules themselves.
Current status:
The Custom CSS approach worked for most areas, but some gaps/sections on the pages still aren’t reflecting the color changes. The user shared screenshots showing the remaining problem areas and requested further assistance to resolve these remaining gaps.
hi,
I updated my shop background color by adding code below ( To use a color background file)
But now i want to change color of top announcement bar, multicolumn and footer by changing to color scheme2, but color didn’t change
Seem the color was covered by my background color file.
Does anyone know how to fix that?
Thanks
I attach screenshot below:
The annoucement bar:
The multicolumn and footer section
That code will be applied to all section has the same class. If you want to change color of a section only, please add code in Custom CSS of that section
hi,
I have removed the code in theme liquid and paste it to custom CSS but it shows "
Online Store editor session can’t be published"
I put my URL and PW here
Can you take a look, thanks?
https://lelundijewelry.com/
PW:333333
Please add code without and tags
