How can I change my text color to black on specific pages?

[ibrahimdiginest]

PLEASE HELP

so basically i did the headline tranperant with the text white, and also my color scheme is white on the page, so whenever i click on a page for example collections the text turns white i want it to turn black instead. But keep it white at the main page.

my reference: https://sageandsill.com/

[theycallmemakka]

Hi @ibrahimdiginest ,

Can you provide link to your store? I will review it and give u a solution.

[ibrahimdiginest]

Yes Thanks 

https://a30f63-4.myshopify.com/

[theycallmemakka]

Hi @ibrahimdiginest ,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

{% unless template.name == 'index' %}
<style>
.header__menu-item, 
.header__heading-link:hover .h2, 
.header__heading-link .h2, 
.header__active-menu-item, 
.header__menu-item:hover {
    color: black!important;
}
</style>
{% endunless %}

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[ibrahimdiginest]

Also my icons please they arent showing black

[theycallmemakka · Accepted solution]

Hi @ibrahimdiginest ,

Please replace previous code with this updated one.

{% unless template.name == 'index' %}
<style>
.header__menu-item, 
.header__heading-link:hover .h2, 
.header__heading-link .h2, 
.header__active-menu-item, 
.header__menu-item:hover,
.header__icon {
    color: black!important;
}
</style>
{% endunless %}

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[ibrahimdiginest]

THX SO MUCH BRO