Solved

Change Font Color of Header

sixdreamz
Excursionist
46 0 14

Hi, 

 

i want to change the Font Color of my Header but only on the Page when you enter my Website. At the moment its Black but i want it to be white. When i change it in Shopify the Color of the Header changes on every Site. I really only want it to be white on the Main Page.

 

URL: sixdreamz.com

 

sixdreamz_0-1716966573111.png

 

Accepted Solution (1)

ZestardTech
Shopify Expert
5615 1021 1348

This is an accepted solution.

 
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Layout > theme.liquid and paste this at the bottom of the file:
 

 

 

{% if template == 'index' %}
    <style>
      .header__menu-item {
		    color: #fff;
		}
		.header-localization .disclosure .localization-form__select {
		    color: #fff;
		}
		.modal__toggle-open {
		    color: #fff;
		}
		.header__icon .icon {
		    color: #fff;
		}
		.header__active-menu-item {
		    color: #fff;
		}
    </style>
{% endif %}

 

 

 

ZestardTech_0-1716967431918.png

 

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 2 (2)

ZestardTech
Shopify Expert
5615 1021 1348

This is an accepted solution.

 
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Layout > theme.liquid and paste this at the bottom of the file:
 

 

 

{% if template == 'index' %}
    <style>
      .header__menu-item {
		    color: #fff;
		}
		.header-localization .disclosure .localization-form__select {
		    color: #fff;
		}
		.modal__toggle-open {
		    color: #fff;
		}
		.header__icon .icon {
		    color: #fff;
		}
		.header__active-menu-item {
		    color: #fff;
		}
    </style>
{% endif %}

 

 

 

ZestardTech_0-1716967431918.png

 

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ZestardTech
Shopify Expert
5615 1021 1348

Hi @sixdreamz 

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing