Skip Navigation

Home › Support › English Support › [Closed] Custom language switcher dropdown colours not responding

[Closed] Custom language switcher dropdown colours not responding

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 – 16:00 10:00 – 14:00 10:00 – 14:00 9:00 – 13:00 9:00 – 13:00 -
- 17:00 – 21:00 15:00 – 19:00 15:00 – 19:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Europe/Bucharest (GMT+03:00)

This topic contains 4 replies, has 2 voices.

Last updated by Mihai Apetrei 1 year, 10 months ago.

Assisted by: Mihai Apetrei.

Author Posts
June 19, 2023 at 5:05 pm #13853701

danielM-244

I am trying to:

Change the colours for the dropdown switcher so it can be VISIBLE. It only becomes visible when hovering over it.

Link to a page where the issue can be seen:

hidden link

Move your cursor in the empty space to the right of the top right red button. You will notice the custom language switcher respond to hovering with colours. If I try to customize any of this in WordPress: WPML>LANGUAGES>CUSTOMIZE SWITCHER

Nothing happens! I´ve tried flushing Elementor CSS, site Cache etc. but it just stays like this.

PLEASE HELP!!

color switcher.jpg
June 19, 2023 at 7:59 pm #13854557

Mihai Apetrei
WPML Supporter since 03/2018

Languages: English (English )

Timezone: Europe/Bucharest (GMT+03:00)

Hi there.

I'm not sure what is actually happening there but you can try to use the following CSS in Appearance > Customizer > Custom CSS > and save:


a.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
    background-color: red !important;
}

Change "red" to what color code you want to use.

I tested it on the front-end and it works for me.

Mihai Apetrei
June 19, 2023 at 11:04 pm #13854831

danielM-244

Thanks for this. I have added the code but was still having difficulties with the hover CSS - could you provide an example of how I can change the font color on hover? Right now it's set to black so it just disappears on hover.

If you could additionally provide any examples of how I can change any of other colours/options found in the languages customizer that doesn't appear to be working for me right now, that would be greatly appreciated.

Thank you so much.
June 19, 2023 at 11:08 pm #13854833

danielM-244

More details:

I added code to get the text to stay white on hover, but as soon as you hover to another language, the white text goes black again. Please help! Here is the code I used:

a.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
    background-color: black !important;
color: white;
}


a.js-wpml-ls-item-toggle.wpml-ls-item-toggle:hover {
color: white;
}
June 20, 2023 at 8:00 pm #13862915

Mihai Apetrei
WPML Supporter since 03/2018

Languages: English (English )

Timezone: Europe/Bucharest (GMT+03:00)

Hi there.

Please try this to change the color of the language name that currently turns to black:


.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {

color: red !important;

}

That should work fine.

Mihai

The topic ‘[Closed] Custom language switcher dropdown colours not responding’ is closed to new replies.