Skip Navigation

Home › Support › English Support › [Resolved] Custom language switchers

[Resolved] Custom language switchers

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 1 year, 3 months ago.

Assisted by: Mihai Apetrei.

Author Posts
September 12, 2023 at 7:25 am #14380633

colasB

I am trying to: Once I deleted the language name on the switcher, I want to change the size of the rectangle around the flag, so that the CTA arrow for the drop-down list is closer to the flag.

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

I expected to see: Just the flag with the CTA arrow close to the flag

Instead, I got: A rectangle that doesn't change size, and the arrow CTA is way to far from the flag.

Preview changes flag and square dimension.png
September 12, 2023 at 3:11 pm #14385017

Mihai Apetrei
Supporter

Languages: English (English )

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

Hi there.

You can use Custom CSS like in this example:


.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-dropdown-click.js-wpml-ls-legacy-dropdown-click {
    max-width: 130px !important;
}

Add the code to Appearance > Customizer > Custom CSS > add the code and save.

Now things should look better on the front-end.

I hope that you will find this information helpful. 🙂

Mihai Apetrei