Changing color of country/currency button with code

Store Design
, , , ,

Topic summary

A user seeks to change the color of the currency/country selector button in their footer using custom code.

Solution provided:

  • Navigate to Online Store → Edit Code
  • Open the base.css file
  • Add custom CSS targeting .localization-form__select button
  • Use background: red !important; (replace ‘red’ with desired color)
  • Save changes

The discussion includes a screenshot showing the specific footer element requiring modification. This is a straightforward CSS customization task for Shopify store design.

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

hello everyone how can i change the color of the currency button in my footer with code in the picture is show what i mean my store url is: https://distinctz.com/

Distinctz_0-1707123459895.png
Distinctz_0-1707123459895.png384×532 25.7 KB

2

Hi,

  1. Go to online store
  2. Click on edit code
  3. open your base.css file
  4. Paste the below code and save

.disclosure__button.localization-form__select {background: red !important;}

Change the red to the color code you desire.

1 Like