Problem: The client needed help with customizing the font, size, and color of the language switcher text in different parts of their website, including changes when the header is fixed. They also needed guidance on targeting the switcher in the sidebar after switching from a footer to a widget-based switcher. Solution: 1. To change the color of the language switcher in the top header, we advised adding custom CSS in the site's backend under Appearance > Customizer > Custom CSS. Here is the code to use:
.wpml-ls-legacy-list-horizontal a {<br /> color: red !important;<br />}
The 'color' value can be changed to any desired color or hexadecimal code. More information on CSS color properties can be found at:
Please note that this solution might be outdated or not applicable to your specific case. 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. If this does not resolve your issue, please open a new support ticket at WPML support forum.
Problem: The client wants to modify the color and make only one language show in the WPML language switcher instead of both. Solution: If you're experiencing this issue, we recommend navigating to WPML > Languages. Here, you can find the current language switcher, likely under the 'Menu Language Switcher' section. You can edit this switcher to hide the current language. This adjustment will ensure that only the opposite language is displayed.
Please note that this solution might be irrelevant if it's outdated or not applicable to your case. 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. If this does not resolve your issue, please open a new support ticket at WPML support forum for further assistance.
Problem: The client wants to modify the language switcher text in the header to display "عربي" instead of "العربية" for Arabic and "EN" for English. Solution: We recommend navigating to WPML > Languages > Edit languages. Here, you can change the name of the language for each to whatever you want it to display. For example, you can name English "EN", and that's how it will display on the live site.
If you find that this solution does not apply to your situation, or if it seems outdated, please do not hesitate to open a new support ticket. We also 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. For further assistance, please visit our support forum at https://wpml.org/forums/.
Problem: The client is using the Divi theme and wants to add the WPML language switcher outside the menu in the header within a social media module. They also wish to replace a social menu icon with the language switcher. Solution: We recommend using shortcodes or PHP to add a language switcher to a specific area on the site. You can find guidance on how to do this here: Adding Language Switchers using PHP and Shortcodes. If you need to replace one of the social media icons with a language switcher, this might require custom work. You should first identify the area in your site's backend or theme code where the header content is generated. Depending on this, you might be able to add the shortcode or PHP code there. For more specific examples, you can refer to these discussions:
If you find that the solution provided here is outdated or not applicable to your case, 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. If further assistance is needed, please open a new support ticket at WPML support forum.
Problem: You are developing a site and want to use a different font for the Arabic-translated pages using WPML, without having to change the font for each text manually. Solution: We recommend using custom CSS to specify different fonts for each language. Here is an example of how you can set a specific font for all Arabic content:
html[lang="ar"] p{ font-family: "Hoverla Font ENG" !important; font-size: 24px !important;}
If you need to apply this to more HTML tags, such as paragraphs, links, and headers, you can extend the CSS like this:
html[lang="ar"] p, html[lang="ar"] a, html[lang="ar"] h1{ font-family: "Hoverla Font ENG" !important; font-size: 24px !important;}
Please note that custom CSS is beyond our Technical Support guidelines, but these examples should guide you in the right direction.
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. If further assistance is needed, please open a new support ticket at WPML support forum.
