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.

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

Problem: How to customize the language switcher to something like -> EN | FR

Solution: In order to change the language name displayed inside of the language switcher you will need to edit the language´s names at WPML -> Languages -> Edit Languages.

Further, you can style the language switcher with CSS and even place a custom language switcher on any part of your page.

The symbol "|" can be added by CSS as well. An example:

a { content: "|"; }

Relevant Documentation: https://wpml.org/documentation/getting-started-guide/language-setup/custom-language-switcher/ https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/

This topic contains 2 replies, has 2 voices.

Last updated by kevinN-13 5 months ago.

Assigned support staff: Andreas W..

Author Posts
May 14, 2019 at 6:13 pm #3809831

kevinN-13

Hi

I want to customize the language switcher something like the screenshot, not the entire name of the language

thanks

May 14, 2019 at 8:51 pm #3810591

Andreas W.
Supporter

Languages: English (English ) Spanish (Español ) German (Deutsch )

Timezone: America/Lima (GMT-05:00)

Hello,

Thank you for contacting the WPML support.

In order to change the language name displayed inside of the language switcher you will need to edit the language´s names at WPML -> Languages -> Edit Languages.

Further, you can style the language switcher with CSS and even place a custom language switcher on any part of your page.

More information about how to use custom language switchers you can find here:
https://wpml.org/documentation/getting-started-guide/language-setup/custom-language-switcher/

https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/

The symbol "|" can be added by CSS as well. An example:

a {
content: "|";
}

As we can not offer any custom coding solutions and the CSS selector may vary from site to site due to the usage of different themes or page builder clases I would like to advise you to reach out to a certified contractor with knowledge of WordPress an WPML.
https://wpml.org/contractors/

Please take note that our support policy does not cover any custom coding requests.
https://wpml.org/purchase/support-policy/

I hope for your understanding.

Kind regards
Andreas

May 20, 2019 at 2:11 pm #3847735

kevinN-13

My issue is resolved now. Thank you!