How to set all menu items to black

[CreatorTim]

Hi, I need help setting the entire header to black (menu items, sub-items, and the currency selector).

Right now, it’s black, but when I’m in a specific section—for example, "HOME"—the color changes slightly. Also, the currency selector is always a different color.

How can I make everything black and ensure the color doesn’t change when I’m in a specific section?

Here’s my store URL: https://1049xn-ya.myshopify.com/

Thanks a lot,
Tim

[CreatorTim]

Hey, I added the code to base.css as usual, but nothing changed. Everything looks the same. I checked it using F12.

[Hasan112]

span.country {
color: #000 !important;
}
span.localization-form__currency.motion-reduce {
color: #000 !important;
}
#HeaderCountryForm>div:nth-child(5)>div:nth-child(2)>button:nth-child(1)>span:nth-child(1) {
 color: #000 !important;
}

#HeaderMenu-home>span:nth-child(1) {
color: #000 !important;
}

#HeaderMenu-products>a:nth-child(1)>span:nth-child(1) {
color: #000 !important;
}

#HeaderMenu-contact>span:nth-child(1) {
color: #000 !important;
}

#HeaderMenu-free-program>span:nth-child(1) {
color: #000 !important;
}

Copy

Paste it on style tag on theme.liquid

find
{% style %}

{% endstyle %}

If you need more help let me know, if it works , hit the like button & Accept as solution Thanks

[DaisyVo]

Hi @CreatorTim ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

header.header * {
    color: black !important;
    opacity: 1 !important;
}

Here is the result:

Please let me know if it works!

Best,

Daisy

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @CreatorTim 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file

3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.localization-form__select>span, span.localization-form__currency.motion-reduce, .header__menu-item span {
    color: black !important;
}
</style>

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[CreatorTim]

Works! Thank you so much.

[BSS-TekLabs]

Glad to be of help. Have a nice day.