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.

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

Problem:
User wanted language switcher like this: https://wpml.org/wp-content/uploads/2019/09/4631809-laguage_KARO.jpg

Solution:
The following CSS changed the style as he wanted:

Add this css code to WPML > languages > Language switcher options > additional CSS

.wpml-ls-legacy-dropdown {
    width: auto;
 }
 .wpml-ls-legacy-dropdown a {
    color: #fff !important;
    border: 0;
    background-color: #111111;
}
 
.wpml-ls-legacy-dropdown a:hover {
    background: #d00022 !important;
}
 
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    color: #999 !important;
    background-color: #fff !important;
}

This topic contains 7 replies, has 2 voices.

Last updated by Riffaz 2 weeks ago.

Assigned support staff: Riffaz.

Author Posts
September 24, 2019 at 10:19 am #4630527

paolaG-10

Tell us what you are trying to do?
I want to do something a language switcher like the link i send

Is there any documentation that you are following?

Is there a similar example that we can see?
hidden link

What is the link to your site?
hidden link

September 24, 2019 at 11:48 am #4631229

Riffaz
Supporter

Languages: English (English )

Timezone: Asia/Colombo (GMT+05:30)

Hi,

Thank you for contacting WPML support.

You selected 'horizontal' for your language: hidden link
Select 'dropdown' here hidden link to make your language switcher like: hidden link

Let me know how it goes.

Regards,
Riffaz.

September 24, 2019 at 1:13 pm #4631809

paolaG-10

Thank you very much Riffaz,

but now i have this dropdown.
I had to go to wpml/language and custom switchers hidden link.

Can i change the design to the link hidden link

Please help me

September 25, 2019 at 6:07 am #4635789

Riffaz
Supporter

Languages: English (English )

Timezone: Asia/Colombo (GMT+05:30)

Hi,

Add this css code to WPML > languages > Language switcher options > additional CSS

.wpml-ls-legacy-dropdown {
    width: auto;
 }
 .wpml-ls-legacy-dropdown a {
    color: #fff !important;
    border: 0;
    background-color: #111111;
}

.wpml-ls-legacy-dropdown a:hover {
    background: #d00022 !important;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    color: #999 !important;
    background-color: #fff !important;
}

this will make the language switcher look as you want.

Regards,

September 25, 2019 at 9:03 am #4637049

paolaG-10

My issue is resolved now. Thank you!

September 25, 2019 at 9:27 am #4637221

paolaG-10

One more thing, if you can help, the newsletter subscription on footer, how can i change the language to english, i already have in portuguese and i need in english also. I need to go premium mailchimp? Can i do it with WPML?

September 25, 2019 at 9:33 am #4637247

Riffaz
Supporter

Languages: English (English )

Timezone: Asia/Colombo (GMT+05:30)

Hi,

That is a different issue.
It is very different from the initial question of this ticket.
Please close this ticket and ask your new question in a new ticket to avoid the confusion and to reduce the waiting time.

Regards,
Riffaz.

October 1, 2019 at 5:59 am #4668835

Riffaz
Supporter

Languages: English (English )

Timezone: Asia/Colombo (GMT+05:30)

User confirmed that this is resolved