WPML Language Switcher CSS

[ISOLEDLPThemeco]

Dear Themeco-Support,

i currently try to implement the Langauage Switcher (WPML) - but i have issue with it’s apperance.
I tried to implement WPMLs Solution but this did not work, they adviced me to contact my theme support.

I also tried the following solution from the Themeco-forum

It does adress the language switcher - i tried it with changing the color -> but the width still remains unchanged.


When i try to change the width from auto to 3em i get the following ->

li.wpml-ls-menu-item ul li a, li.wpml-ls-menu-item a {
width: auto !important;
background-color: #e9e9e9;
}

LED Lichtlösungen AT - ISOLED®

Can you help me how i have to change the css?

Kind regards,
Lukas

[tristup]

Hi Lukas,

Thanks for reaching out.
You need to use the li.wpml-ls-menu-item ul selector for your custom CSS code, and it will look like the following one.

li.wpml-ls-menu-item ul
{
    width: auto !important;
    background-color: #e9e9e9;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks

[ISOLEDLPThemeco]

Hi @tristup Your proposed solution works perfect!

Thanks for your support!

Kind regards,
Lukas

[tristup]

Hi Lukas,

Glad that we are able to help you.

Thanks