WPML shadows and border remove

[graphictaste]

Hi, i want to ask how to remove shadows and border lines around languages. I’m using WPML, and added it into widget.

[jade]

Hi there,

Please add this code in the Global CSS:

.widget .wpml-ls ul,
.widget .wpml-ls ul li,
.widget .wpml-ls ul li a {
    box-shadow: none;
    border: 0;
    color: #fff;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.

[graphictaste]

Nice. Thank you. But you see, around hover is a little white shadow how to delete it?. And could you help me how to change font color, font family, size and font hover color on current language and other languages?

[Prasant]

Hello @graphictaste,

Thanks for asking.

I don’t see the shadow effect on the website. Please try clearing the cache and see how it goes.

Other changes that you are looking to make, please add following CSS under Pro > Theme Options > CSS:

.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span {
    color: #e16b4f;
    font-size: 150%;
    font-family: 'Roboto', sans-serif;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span:hover {
    color: #fff;
}

Thanks.

[graphictaste]

Before you respond me i fix shadows with this code:

.widget.widget_icl_lang_sel_widget {
   text-shadow: none !important;

Awesome everything is okay. But i would like that current language color would be as same as hover color (#ff6642 - orange), and other languages stays (#8a949b - grey).
How to do that?

Currently code:

.widget .wpml-ls ul,
.widget .wpml-ls ul li,
.widget .wpml-ls ul li a {
    box-shadow: none;
    border: 0;
    color: #8a949b;
}
.widget.widget_icl_lang_sel_widget {
   text-shadow: none !important;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span {
    color: #8a949b;
    font-family: Roboto Regular;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span:hover {
    color: ##ff6642;
}

[nabeel]

Hi again,

To do that, please add the following code in your Global CSS as well:

.wpml-ls-current-language span.wpml-ls-native {
    color: #ff6642 !important;
}

Hope this helps!

[graphictaste]

Thanks a lot. It works

[rad]

You’re most welcome!