Change header background colour

Themes
1

How do you change the colour of this

Screenshot 2021-06-04 at 15.42.52
Screenshot 2021-06-04 at 15.42.522648×174 15.8 KB

2
  1. Go to Ghost Admin.
  2. Click Settings cog.
  3. Click Branding.
  4. Change the accent colour top left
3

@hkalant I don’t want to change the accent color

4

@hkalant is there a case way

5

Put this in your code injection:

.gh-head, .site-header-content {
    color: #put-your-text-color-here;
    background: #put-your-background-color-here;
}

Add your own colours after the colons.

6

Thanks so much

P.S I meant CSS by the way

7

@hkalant On Mobile the Menu is a different color to the header how do you change it to match

8

With this:

.home-template.gh-head-open .gh-head {
    background: #d3d3d3;
}