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 3 replies, has 2 voices.

Last updated by mihaiB-4 2 weeks, 3 days ago.

Assigned support staff: Bruno Kos.

Author Posts
September 26, 2019 at 9:49 am

mihaiB-4

Tell us what you are trying to do?
I have created a menu language switcher only having flag. I'm trying to set the background to be rounded.

Is there any documentation that you are following?
I have searched for tickets about css usage for this but no acceptable result were found.
I have added the following custom css:
.wpml-ls-slot-38.wpml-ls-current-language, .wpml-ls-slot-38.wpml-ls-current-language a, .wpml-ls-slot-38.wpml-ls-current-language a:visited {
width: auto;
padding: 7px 7px 7px 7px;
margin: 0px;
border-radius : 50%;
}
With this I get a round background only on PC and only for current language. I would like to have a round background as well for the other language/s. On mobile the round background is transformed (see attached file).

Is there a similar example that we can see?

What is the link to your site?
hidden link - but coming soon is activated.

September 26, 2019 at 11:00 am
September 26, 2019 at 2:37 pm #4647809

Bruno Kos
Supporter

Languages: English (English )

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

Hi,

Can you tell me if this is an idea?
hidden link

CSS is there, so you should be seeing it live.

Regards,
Bruno Kos

September 26, 2019 at 2:59 pm #4648123

mihaiB-4

Hi Bruno,

Yes! It is close to what I was looking for. Just need to center the flags on the circle.

September 27, 2019 at 7:36 am #4652047

mihaiB-4

Hi,
I have adjusted the code to center the flag on the background.
My issue is resolved now. Thank you!

Best regards,
Mihai