Header colour

projectthirteen · ‎02-21-2025

Hello all, I've just updated my websites landing page image and so I had to change the header colour to white (to make it visible) however I want it to remain black on all the other pages on my store. I use the spotlight theme.

See attached a photo of my current home page and other pages + how I want it to look.

Thanks for any help 🙂

URL: https://project-thirteen.com.au/

Pass: projectthirteenpassword

How it currently looks:

How I want it to look:

Dan-From-Ryviu · ‎02-21-2025

Hi @projectthirteen

Please add this code to theme.liquid file, after <head>

{% unless template == 'index' %}
<style>
html .header-wrapper { background: #f3f3f3; }
html .header-wrapper *,
html .header-wrapper .header__heading-link .h2 { color: #121212d9; }
</style>
{% endunless %}

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

topnewyork · ‎02-21-2025

Hi @projectthirteen
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.header-wrapper.color-accent-1.gradient {
    background: #f3f3f3 !important;
}
.header__heading-link .h2 {
    color: #000000 !important;
}
.header__icon {
    color:#000000 !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

Dan-From-Ryviu · ‎02-21-2025

Hi @projectthirteen

Please add this code to theme.liquid file, after <head>

{% unless template == 'index' %}
<style>
html .header-wrapper { background: #f3f3f3; }
html .header-wrapper *,
html .header-wrapper .header__heading-link .h2 { color: #121212d9; }
</style>
{% endunless %}

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

projectthirteen · ‎02-21-2025

Thankyou!!

Header colour

Header colour

Community Blog Articles