header problem

Dear All,

May i ask that, how could I make the homepage header to become "color->adaptive" and other pages headers are "color->solid".

Thank you so much.

Keith

In my homepage,https://www.ssi.com.hk/ I used a photo background in the section below the header, and I want a wide photo, so I turn the header "color->adaptive", which make the header transparent and show the below section photo.

But, my other pages header also show the below section color, which i dont want.

I want other pages header are "color->solid".

Or, to be simple, how can i make the header color white expect the homepage? Thank you so much.

On 8/6/2024 at 3:12 PM, tuanphan said:

You can use this to Website Tools > Custom CSS

body:not(.homepage) header#header {
    background-color: #fff !important;
}
body:not(.homepage) header#header div.header-nav-item>a {
    color: #000 !important;
}
body:not(.homepage) span.current-language-name {
    color: #000 !important;
}
body:not(.homepage) header#header a.btn {
    background-color: #000 !important;
    color: #fff !important;
}

 

Thank you so much. Its works!

Furthermore, may i ask that, how can i make all the pages with blue color (hex,#358ECA) on the top of the header (pink arrow in the photos)? thank you so much.

Thank you for your kind reply. Good luck. Good heal.

example page:

https://www.ssi.com.hk/

&

https://www.ssi.com.hk/products/cleanroomhongkong

2 hours ago, keith17300 said:

Furthermore, may i ask that, how can i make all the pages with blue color (hex,#358ECA) on the top of the header

Please see this thread:

Did this help? Please give feedback by clicking an icon below  ⬇️

1 hour ago, paul2009 said:

Please see this thread:

Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you so much. Its works. I used below code from your shared link.

<meta name="theme-color" content="#fff">