Skip to content Skip to sidebar

Home › Support › English Support › [Resolved] hidden link

[Resolved] hidden link

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 ago.

Assisted by: Mihai Apetrei.

Author Posts
October 11, 2024 at 9:28 am #16278235

alainL-22

Background of the issue:
I am trying to get smaller flags in the language menu on my website: hidden link. I have set the language menu items style to 'Dropdown' and specified the flag dimensions as width 10 px and height 8 px.

Symptoms:
The flags in the language menu are too big, and changing the size settings has no effect.

Questions:
Why are the flags not resizing as expected?
How can I ensure the flags appear at the specified size?
October 12, 2024 at 12:06 am #16281418

Mihai Apetrei
WPML Supporter since 03/2018

Languages: English (English )

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

Hi there.

We will need some custom CSS code to accomplish that.

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


img.wpml-ls-flag {
    width: 22px !important;
}

That should do the trick.

I hope that you will find this information helpful.

Mihai Apetrei
October 12, 2024 at 8:06 pm #16282405

alainL-22

Thanks a lot, that works !!