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

Solved

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

CreatorTim
Explorer
351 1 51

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

 

Accepted Solution (1)

Hasan112
Shopify Partner
152 11 21

This is an accepted solution.

Hasan112_0-1735689196814.png

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 

- If you need assistance with your store, feel free to contact us at zayan.1@yahoo.com or WhatsApp!
- Hire me, if you want to Design, Re-design, Develop a store or make changes to the pre-built store.
- If its helpful, please Mark as Accepted Solution, reply helpful? Click Like. Or Coffee Tip Thank you!

View solution in original post

Replies 3 (3)

Hasan112
Shopify Partner
152 11 21

This is an accepted solution.

Hasan112_0-1735689196814.png

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 

- If you need assistance with your store, feel free to contact us at zayan.1@yahoo.com or WhatsApp!
- Hire me, if you want to Design, Re-design, Develop a store or make changes to the pre-built store.
- If its helpful, please Mark as Accepted Solution, reply helpful? Click Like. Or Coffee Tip Thank you!

DaisyVo
Shopify Partner
2812 337 390

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:

DaisyVo_0-1735691787317.png

 

Please let me know if it works!

 

Best,

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

ZestardTech
Shopify Partner
6041 1080 1449

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;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing