how to change header color Impact theme

Topic summary

A user is unable to change their header color through normal settings because previously pasted CSS code is overriding it. The white header background is caused by custom CSS added to the theme.css file.

Solution provided:

  • Navigate to: Shopify Admin > Online Store > Edit Code > theme.css
  • Locate line 9948 at the end of the file
  • Remove the following code block:
.header__wrapper {
    background: #fff !important;
}

Removing this code will restore the header to its original state, allowing normal color customization through theme settings.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.

Can somebody find why the header is white, I have pasted a code that changes it but can’t find it. I can’t change it the normal way, so here is my website

https://withsoothe.com/

I found that you pasted the css in the end of theme.css file.

Here is how you can remove the code that you paste in the theme.css file.

Go to Shopify Admin > Online Store > Edit Code > theme.css

When you found it go to the end in the line number 9948 of the theme file. In this line you will see this code that you pasted before.

.header__wrapper {
    background: #fff !important;
}

Just remove it.

After that you will find your header on initial stage that how it was before.