All things Shopify and commerce
How can we change the Header Color in the Simple Theme. I was informed that it is a Transparent Header and can't easily be changed. We wanted to change the header to "black" at the website www.automotivevintage.com. Any help would b
Solved! Go to the solution
This is an accepted solution.
That worked. Thank you very much for your help.
Hi @wm820
Do you mean like this?
If it is check this one.
.top-bar, .top-bar a {
background: black;
color: white !important;
}
svg.icon.icon-search, .top-bar input {
color: white;
}
.top-bar.grid {
margin: 0;
}
.grid__item.medium-up--two-fifths.small--one-half.text-right {
padding-right: 30px;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Not that area. The "green" outline area in the attached image.
Okay, since your logo is black it would not be visible. On that case, it will be like this.
this is the code i used.
header.site-header.grid.medium-up--grid--table {
background: black;
color: white;
}
And Save.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
I placed at the end of the "theme.scss.liquid" file but it did not work.
Yes, it would not work cause it is liquid folder. If you like to place in the theme.liquid. take this instruction.
From your Shopify admin dashboard, click on "Online Store" and then "Themes"
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag.
<style>
header.site-header.grid.medium-up--grid--table {
background: black;
color: white;
}
</style>
And save.
For the asset folder which is css code, you have theme.sccs.css.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
This is an accepted solution.
That worked. Thank you very much for your help.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025