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 topic contains 5 replies, has 2 voices.

Last updated by Noman 1 year ago.

Assigned support staff: Noman.

Author Posts
September 17, 2018 at 1:22 pm #2741103

sharamV

I am trying to get language flags that are 32x32 instead of the default size. I've uploaded via the WPML Languages interface and via FTP but stil dosen´t work.

September 18, 2018 at 12:01 pm #2744963

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

Thank you for contacting WPML Support. Please follow below steps in order to use custom flags.

1. Upload your flag images to WPML >> Languages >> Edit Languages. This will upload your files, but resize them to 12x18

2. If you want to resize flag dimensions then with FTP program, go to wp-content/uploads/flags and upload your flag images again, overwriting the flag images that were uploaded in Step #1

3. In your custom CSS, add this code:

.wpml-ls-menu-item .wpml-ls-flag {
  height: auto !important;
  width: auto !important;
}

I hope it helps,

Thank you

September 18, 2018 at 12:17 pm #2745035

sharamV

Hi,

Thank you for your reply, i have done all three steps but stil have same problem.

/Sharam

September 18, 2018 at 2:44 pm #2745492

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

I have updated css selector. Please replace following CSS:

.wpml-ls-menu-item .wpml-ls-flag {
  height: auto !important;
  width: auto !important;
}

with

body .wpml-ls-legacy-list-horizontal .wpml-ls-flag {
  width: auto !important;
  height: auto !important;
 }

And it will look as in attached screenshot.

Thank you

September 26, 2018 at 7:17 am #2766123
sharamV

Hi Norman,

Thank you for your help. My issue is resolved but i have three questions;

1 - How can I reduce the distance between the flags?
2 - How can I reduce the margin to the top of the top bar?
3 - Is it possible to center the flags in the mobile top bar?

Thank you!
Sharam

New threads created by Noman and linked to this one are listed below:

https://wpml.org/forums/topic/split-adjusting-flags-on-desktop-and-mobile-view/

September 26, 2018 at 10:09 am #2766800

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Great to hear that flags are bigger now.

Adjusting flags on desktop and mobile view - I have created a new ticket for this since this is a separate issue. Here is the link to the new ticket:
https://wpml.org/forums/topic/split-adjusting-flags-on-desktop-and-mobile-view/

You may close this current ticket and we will continue to work on the new ticket that I have created.