Cusomizing the currency switcher

This thread is resolved. Here is a description of the problem and solution.

Problem:
The client is working on a site under development and wants to customize the WPML currency switcher by removing the border and adding country flags to the currencies.
Solution:
To remove the border from the currency switcher, the client should insert the following custom CSS code into WP > Appearance > Customize > Additional CSS:

.wcml-dropdown li {
    border: 0px solid!important;
}

Adding country flags to the currency switcher requires some customization. We recommend following the detailed steps provided in the documentation on designing custom currency switchers using template files, which can be found here: https://wpml.org/documentation/related-projects/woocommerce-multilingual/designing-custom-currency-switchers-using-template-files/

If this solution does not apply to your case, or if it seems outdated, we highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. Should you need further assistance, please do not hesitate to open a new support ticket at our support forum.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Tagged: Custom Work

This topic contains 3 replies, has 0 voices.

Last updated by yousefA-18 3 months ago.

Assisted by: Kor.

Author	Posts
October 27, 2025 at 8:33 pm #17523687
yousefA-18	Background of the issue: I am working on a site under development and trying to customize the currency switcher in WPML, such as removing the border. Symptoms: No specific issue or error message mentioned. Questions: Is there a way to add the country flag of the currency?
October 28, 2025 at 7:02 am #17524350
Kor WPML Supporter since 08/2022 Languages: English (English ) Timezone: Asia/Singapore (GMT+08:00)	Thanks for reaching out. Could you please share your website URL so I can review the border and guide you on how to remove it? Regarding adding flags to the currency switcher, that would require some customization. You can follow the detailed steps provided here: https://wpml.org/documentation/related-projects/woocommerce-multilingual/designing-custom-currency-switchers-using-template-files/
October 28, 2025 at 12:19 pm #17526115
yousefA-18	Thank you Kor. The website is: hidden link I would like the switcher to look similar to this website: hidden link Thanks you.
October 28, 2025 at 3:24 pm #17526676
Kor WPML Supporter since 08/2022 Languages: English (English ) Timezone: Asia/Singapore (GMT+08:00)	Thanks for your reply. To remove the border from the currency switcher, you can apply the custom CSS code below. Insert into WP > Appearance > Customize > Additional CSS. .wcml-dropdown li { border: 0px solid!important; } As for displaying the flag, that would require some customization. You can follow the detailed steps provided here: https://wpml.org/documentation/related-projects/woocommerce-multilingual/designing-custom-currency-switchers-using-template-files/ Unfortunately, customization falls outside of what we're offering for support and I hope you understand.
November 2, 2025 at 11:50 am #17538151
yousefA-18	Thank you Kor. The formatting worked. But I am disappointed with the flag issue. This seems like a basic features for a currency switcher and other plugins already provide it and support it. I do not want to use a different plugin but now I am forced to pay for another one.