Problem: The client was experiencing an issue with the language switcher colors on their website. On desktop, the hover color was orange instead of white, and on mobile, one language was displayed in black with an orange hover color, instead of all being white. Solution: We recommended adding custom CSS to override the template's styles. First, we provided the following CSS to change the current language color to white:
.wpml-ls-current-language > a { color: #ffffff !important;}
Next, to ensure all language links remain white in all cases, we suggested adding another piece of CSS:
We advised the client to add these CSS snippets to their style.css file in the theme's root folder. If this solution doesn't look relevant, please open a new support ticket.
