Change Theme Header Background Colour – Modular Theme

[JohnathanC]

Hi

I'd like to have a different header colour to my main body colour – I could do this with Broadcast Theme but I don't seem to be able to do it with Modular, I can only change Body Background Colour. Does anyone know a way of doing this.

Many thanks

John 

[suyash1]

@JohnathanC - we will need custom css for it, please share your website link

[JohnathanC]

Hi Suyash
Thanks for your help

https://naitre.com

Pasword: gridlock

[Zworthkey]

@JohnathanC 
Which color do you want to put in the header?

[JohnathanC]

Hi Zworthkey

Thanks for your help

I just wanted a white colour: #ffffff

[Zworthkey]

@JohnathanC 
Can you please mark which section you want to put background color?
Thank You.

[suyash1]

@JohnathanC - your header is already white that is #ffffff;

[JohnathanC]

Hi @suyash1 

Thanks for the reply

My header is displaying the same colour as the body background colour which is #f9faf5 

[suyash1 · Accepted solution]

@JohnathanC - add the given css to the end of theme.css  and check

.site-header{background-color: #fff;}

.header--has-scrolled{background-color: #fff;}

[JohnathanC]

Thanks @suyash1 – that is perfect.

Really appreciated!

[suyash1]

@JohnathanC - welcome, do let me know if you need anything later, you have my email below

[fairline]

Hi

This thread is great, I am trying to do the same thing. 

Could you just help me locate theme.css . I cant seem to find it? Is this theme.liquid? 

Many thanks in advance. 

[Zworthkey]

hii, @JohnathanC 
KIndly share your store URL so,
I can solve it.
Thank you.

[mcintyremedia]

can you please help me with this as well? none of the codes are working to change my header to a black background. I also have padding that I cannot seem to get rid of from the top.

[suyash1]

@mcintyremedia - can you please share your website link? you can do it here or on my email given below