Style WPML Custom language switcher

Hey Markus,

Thank you for the inquiry.

How did you assign colors to the language switcher? If you add some css codes, you may need to toggle or temporarily disable the Enfold > Performance > File Compression settings to regenerate the stylesheets.

To change the color of the text, you can try this css code.

.menu-item-language .wpml-ls-display {
    color: red;
}

Best regards,
Ismael

Hi,
Thanks for your patience and the link to your site I see in your WPML settings Custom language switchers that the expected language selector should be a white button with a border and black text:

and this is what I see on your frontend:

If you are not seeing this please try clearing your browser cache and check again.

Best regards,
Mike

Hi,
Thanks for the feedback, I didn’t realize that your footer page is actually a layerslider and it’s style is overriding the WPML style so you will need to use some additional css, as I understand what needs to be changed from the current style, the font needs to be #007ec3 and the border needs to be removed, so in that case Please try adding this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#lang_sel_footer .icl_lang_sel_native {
	color: #007ec3;
}
#lang_sel_footer.wpml-ls-legacy-list-horizontal {
    border: none;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike