change header text colour for a specific page

kimkim79 · ‎01-17-2024

For every other page except home page: I want my header background to be white and header text to be black but I want my home page header to remain as it currently is (white header text, and transparent background which turns black when scrolling down)

Any help would be appreciated please! thank you 🙂

My website is: https://layaandlu.myshopify.com/

Dan-From-Ryviu · ‎01-17-2024

Go to your Online store > Themes > Edit code, add this code under <head> element

{% if template != 'index' %}
sticky-header.header-wrapper {
background-color: #000;
}
sticky-header.header-wrapper * {
color: #fff;
}
{% endif %}

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

kimkim79 · ‎01-17-2024

It doesn't work.

Dan-From-Ryviu · ‎01-17-2024

Sorry, please update the code to this

{% if template != 'index' %}
<style>
sticky-header.header-wrapper {
background-color: #000;
}
sticky-header.header-wrapper * {
color: #fff;
}
</style>
{% endif %}

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

change header text colour for a specific page

change header text colour for a specific page

Community Blog Articles