Skip Navigation

Home › Support › English Support › [Resolved] Transparent background selector

[Resolved] Transparent background selector

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

Problem:
The client is trying to remove the white background from the language selector on their website.
Solution:
We recommend going to the site's backend, navigating to Appearance > Customizer > Custom CSS, and adding the following CSS code:

.wpml-ls-slot-40.wpml-ls-current-language, .wpml-ls-slot-40.wpml-ls-current-language a, .wpml-ls-slot-40.wpml-ls-current-language a:visited {<br />    background-color: transparent !important;<br />}

After adding this code, save the changes. This should result in the language selector having a transparent background.

If this solution doesn't look relevant, please open a new support ticket.

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.

Tagged: 

This topic contains 1 reply, has 2 voices.

Last updated by Mihai Apetrei 12 months ago.

Assisted by: Mihai Apetrei.

Author Posts
December 2, 2023 at 12:39 am #14976501

sandruL

I am trying to: take off the white background from selector

Link to a page where the issue can be seen: hidden link

I expected to see: selector witouth background

Instead, I got: selector with background

Screen Shot 2023-12-01 at 21.34.28.png
December 5, 2023 at 9:51 am #14995057

Mihai Apetrei
Supporter

Languages: English (English )

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

Hi there.

Sorry for the delayed response - it has been a pretty full queue for the past few days and it took longer to respond to all the requests but things should move faster from now on in our conversation here.

Please go into your site's backend > Appearance > Customizer > Custom CSS > add the following CSS code and save:


.wpml-ls-slot-40.wpml-ls-current-language, .wpml-ls-slot-40.wpml-ls-current-language a, .wpml-ls-slot-40.wpml-ls-current-language a:visited {
    background-color: transparent !important;
}

This should make things look normal.

Please let me know how things go.

Have a lovely day!

Mihai Apetrei