Hi, can anyone help me change the color of the header items (text / icons) to black, without changing them of the homepage ? I have a transparent header there
Topic summary
Goal: Make header text/icons black on all pages except the homepage, which uses a transparent header.
Proposed approach: A responder suggests editing theme.liquid and inserting a Liquid condition before the closing tag that targets non-homepage templates (i.e., only apply changes when the template is not the index/homepage). This is intended to scope style changes away from the homepage.
Details provided: Instructions mention finding theme.liquid and adding a conditional wrapper, but the code shown contains only the condition and no actual CSS rules to change header colors. Two images are referenced (steps and expected result), but the exact CSS needed is not included in the text.
Current status: Outcome is unclear; there’s no confirmation from the original poster. Key missing piece is the specific CSS to set the header text/icon color to black on non-homepage pages. The discussion appears open pending a complete code example or confirmation.
1 Like
- Here is the solution for you @Daniel19901
- Please follow these steps:
- Then find the theme.liquid file.
- Add the following code before the tag
{% if template != "index" %}
{% endif %}
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like