currency menu wrong color

Topic summary

Issue: The currency selector in the header displayed in black even though the main menu color was changed to white via custom code.

Proposed fix: Add a CSS rule to target the localization selector link and set its text color to white with higher priority.

  • Selector: .header .localization-selector.link
  • Rule: color: #fff !important;

How to apply:

  • Go to Online Store > Themes > Edit code.
  • Open the theme stylesheet in the Assets folder (search for “CSS”).
  • Paste the rule and save.

Latest update: The helper noted the currency menu color appears updated on the live site, suggesting the CSS was applied successfully.

Media: Included screenshots showed the corrected appearance and the admin path/locations for adding CSS.

Status: Resolved; no remaining questions or disputes.

Summarized with AI on December 20. AI used: gpt-5.

Hi @albestudios

Please add the below css code in your theme css file

.header .localization-selector.link {
 color: #fff !important;
}

Result:-

I hope this helps! If it does, please like it and mark it as a solution!

If you need further assistance, feel free to reach out!

Regards,

Sweans

1 Like