How can I change the header color on specific pages?

Topic summary

A user is experiencing an issue where their website header appears transparent on the homepage but turns white on other pages like the About Us page. They’ve shared screenshots demonstrating the inconsistency and provided their site link with credentials.

Proposed Solutions:

  • Two community members offered similar CSS code snippets to be added to the theme.liquid file
  • The code uses conditional logic to exclude the index/homepage from styling changes
  • Implementation involves: Online Store → Theme → Edit Code → theme.liquid file, then pasting the code before the closing body tag

Current Status:
The user attempted to implement one of the solutions but encountered a new issue (shown in a screenshot). A helper has requested more details about the specific problem to provide further assistance. The discussion remains ongoing with troubleshooting in progress.

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

For home page my header is transparent(as per given img) due to with on other pages like about-us page it gets white(as per given img).
Home page:

About-us page:

@obito_uchiha01 - can you please share your page link?

link - https://misajewels.com/
password - jewelsmisa

@obito_uchiha01 - please add this code to the end of your theme.liquid file before and check

{% unless template contains 'index' %}
    
{% endunless %}

Hi @obito_uchiha01 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save


{% endunless %}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

now im stuck with this

Can you tell me know what the issue to I can check it and help you fix it