How to set the currency selector in the header to black color

Topic summary

A user wants to change their header currency selector color from #121212 to pure black (#000000).

Three solutions were provided:

  1. Hasan112’s approach: Add CSS targeting span.country and span.localization-form__currency.motion-reduce within the {% style %} tags in theme.liquid, using !important declarations.

  2. DaisyVo’s method: Navigate to Shopify admin → Customize → Theme settings → Custom CSS, then add CSS targeting li.disclosure__item * with black color. Includes screenshot showing the result.

  3. ZestardTech’s solution: Edit code directly by adding CSS to Assets → base.css file, targeting .disclosure span with black color.

All solutions use CSS overrides with varying selector specificity. The discussion remains open as the original poster hasn’t confirmed which solution worked.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Hey, how can I set the currency selector in the header to black?

Right now, it’s almost black, but when I check it with F12, the color is #121212, and I’d like to make it completely black #000000.

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

Thanks a lot,
Tim

1 Like

span.country {
color: #000 !important;
}
span.localization-form__currency.motion-reduce {
color: #000 !important;
}

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

1 Like

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:

li.disclosure__item * {
    color: black !important;
}

Here is the result:

Please let me know if it works!

Best,

Daisy

1 Like

Hello @CreatorTim ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.disclosure span {
    color: black;
}
2 Likes