How to change header color default settings

Store Design
, ,

Topic summary

A user seeks to change the Dawn theme’s default header color from white to black through code modifications.

Proposed Solutions:

  • Add CSS to base.css file: header .header { background-color: #000; }
  • Alternatively, add inline styling to the <header> tag in header.liquid: style="background-color:#000"

Current Status:

  • The suggested code changes did not work for the original poster
  • Another community member requested the store URL to provide more specific assistance
  • The issue remains unresolved and requires further troubleshooting
Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

In my dawn theme default color is White for the header. I want the default color in black how can i do this through the code?

1 Like
2

To make the header background black in the Dawn theme, go to “Edit code” > open the “base.css” file under “assets”, and add this at the bottom: header .header(background color: #000:wink:

Alternatively, you can open “header. liquid” under “sections” and add

style=background color:#000 inside the header tag. Save and refresh your site to see the change. Let me know if you also want to change the text or logo color!

3

Hi @amisha-29

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

4

I tried this but it is not changing any thing :cry: