transperancy problem

Solved
ibrahimdiginest
Tourist
6 0 1

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/

ibrahimdiginest_0-1697559691968.png

ibrahimdiginest_1-1697559705976.png

 

Accepted Solution (1)
makkaomakka
Shopify Partner
875 170 182

This is an 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

❤️❤️

Buy me a coffee


For quick response - Message Me


Increase Xmas sales with BOGO+ Easy Free Gift Upsell. Get 30% OFF for 3 months with code "BFWIZZ30".

View solution in original post

Replies 6 (6)
makkaomakka
Shopify Partner
875 170 182

Hi @ibrahimdiginest ,

 

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

❤️❤️

Buy me a coffee


For quick response - Message Me


Increase Xmas sales with BOGO+ Easy Free Gift Upsell. Get 30% OFF for 3 months with code "BFWIZZ30".

ibrahimdiginest
Tourist
6 0 1
makkaomakka
Shopify Partner
875 170 182

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

❤️❤️

Buy me a coffee


For quick response - Message Me


Increase Xmas sales with BOGO+ Easy Free Gift Upsell. Get 30% OFF for 3 months with code "BFWIZZ30".

ibrahimdiginest
Tourist
6 0 1

Also my icons please they arent showing black

makkaomakka
Shopify Partner
875 170 182

This is an 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

❤️❤️

Buy me a coffee


For quick response - Message Me


Increase Xmas sales with BOGO+ Easy Free Gift Upsell. Get 30% OFF for 3 months with code "BFWIZZ30".

ibrahimdiginest
Tourist
6 0 1

THX SO MUCH BRO