Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an 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 - we will need custom css for it, please share your website link
Hi Zworthkey
Thanks for your help
I just wanted a white colour: #ffffff
@JohnathanC
Can you please mark which section you want to put background color?
Thank You.
@JohnathanC - your header is already white that is #ffffff;
Hi @suyash1
Thanks for the reply
My header is displaying the same colour as the body background colour which is #f9faf5
This is an 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 - welcome, do let me know if you need anything later, you have my email below
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.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024