Change a single page header background color

Shopify Discussion
1

Hi, I would like to change the header background color for this specific page:

https://sugar-free-eu.myshopify.com/pages/contact

Pass: eveirt

2

@Eli90 Go to assets/theme.css and paste below css at bottom of file.

header.site-header.border-bottom.logo--left
{
background-color: #000;
}
3

Hi @DelightCart thanks a lot for giving me a hand, but I tried this one already- it changes all of my pages, I would like to change the header only for this one

4

Hi @Eli90

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag

{% if template contains “contact” %}

header.site-header.border-bottom.logo--left { background-color: #000; }

{% endif%}

Please refer to this screenshot: https://prnt.sc/afpBHc_RJbvN

Hope that my solution works for you.

Best regards,

Richard | PageFly

5

@PageFly-Richard solved it yes!! thank you very much

6

I’m glad to help you @Eli90 :wink:

7

And if I want another header color just on main page?