Skip Navigation

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.

Sun Mon Tue Wed Thu Fri Sat
- 12:00 – 14:00 12:00 – 14:00 12:00 – 14:00 12:00 – 14:00 12:00 – 14:00 -
- 17:00 – 21:00 17:00 – 21:00 17:00 – 21:00 17:00 – 21:00 17:00 – 21:00 -

Supporter timezone: Europe/Vienna (GMT+02:00)

This topic contains 1 reply, has 0 voices.

Last updated by Bigul 2 days, 19 hours ago.

Assisted by: Bigul.

Author Posts
July 4, 2025 at 3:45 pm #17202540

batoulF

Background of the issue:
I am trying to customize the flags for selected languages on my site hidden link. Specifically, I want to change or customize a flag's shape and color for detected languages.

Symptoms:
No specific issue or error message mentioned.

Questions:
How can I customize the shape of the flags for selected languages in WPML?
How can I change the color of the flags for detected languages in WPML?

July 4, 2025 at 8:34 pm #17203078

Bigul
WPML Supporter since 01/2013

Languages: English (English )

Timezone: Europe/Vienna (GMT+02:00)

Hello,

Welcome to the WPML support forum. I will do my best to assist you in resolving the issue.

To help you faster, I've enabled debug information for this support ticket. Please see this link for how to get this information from your site and give it to us: http://wpml.org/faq/provide-debug-information-faster-support/

WPML doesn’t have built-in options to change the shape or color of language flags, but there are ways to customize them:

To change the shape (e.g., round or square), you can upload your custom flag images.

Please go to WPML >> Languages >> Site Languages, click the Edit Languages link next to the language, upload the new flag image, and save the changes.

Since flags are image files, the best way to change the color is to create and upload colored versions of the flags. WPML doesn’t support automatic color changes, even for browser-detected languages. However, you can use custom CSS if needed to apply visual effects.

Please try this after taking a full site backup, and let us know your feedback. You can also refer to the following documentation for more details:

https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/custom-language-flags/#how-to-add-a-custom-flag

https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/custom-language-flags/#adjusting-the-flag-size

https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/how-to-fix-styling-and-css-issues-for-the-language-switchers/

--
Thanks!

Bigul