I want to change the color of the header to white, but only on the home page, is there any code I can add to make sure the header has a white text on the homepage and black on the rest of the website.
website: https://www.zarahv.com/
Hey @joostk123
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
{% if template == 'index' %}
{% endif %}
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @joostk123
Paste this code in homepage custom css tab. steps below.
.header-wrapper.color-background-1.gradient {
background-color: white;
}
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution.
Hi, @joostk123 .
Follow These Steps.
Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.
{% if template == 'index' %}
.header__menu-item span {
color: white;
}
{% endif %}
Result:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Thank you! Is it also possible to make the cart, account and search button on the right also white?
Hey @joostk123
Keep the previous code and add this code above in my code which I previously shared with you.
.header__icon .icon {
color: white;
}
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello! I just used this code for my site and it works perfectly. What code could I add to also change the menu dropdown arrows to white as well? They are the only part that remains black in the menu.
Thank you!
Also there is a black line under my menu items when I click into my different dropdowns. The underline is white on hover but is black when clicked. Thank you again for any help!
this also worked for me, but how would i do it if i made a white logo that i wanted on the homepage aswell?