Skip Navigation

Home › Support › English Support › [Resolved] how to remove white border around language selection

[Resolved] how to remove white border around language selection

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

Last updated by jacekJ-9 1 year, 11 months ago.

Assisted by: Mihai Apetrei.

Author Posts
March 13, 2023 at 7:56 pm #13236453

jacekJ-9

I renewed my WPML license today, added a new page: hidden link in production status, and have a white border around the language selection flags.
How to remove it?
March 13, 2023 at 9:26 pm #13236941

Mihai Apetrei
Supporter

Languages: English (English )

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

Hi.

There's a 7pixels padding that doesn't come from WPML (check the screenshot I attached).

You can remove that quickly by going to Appearance > Customizer > Custom CSS > add the following code and save:


div#lang_sel_list {
    padding: 0px !important;
}

That should fix this.

Kind regards,
Mihai Apetrei

Screenshot 2023-03-13 at 23.24.44.png
March 14, 2023 at 8:44 pm #13246513

jacekJ-9

Thank you for your help.
In the desktop version, the frame has disappeared, but it is still in the mobile version.
How can I remove it?
Printscreen attached.

mobile.jpg
March 15, 2023 at 7:11 am #13248477

Mihai Apetrei
Supporter

Languages: English (English )

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

Hi there.

Please add this, too:


@media only screen and (max-width: 767px) {
#section-tophat .left {
    float: left !important; } }

Mihai
March 15, 2023 at 6:34 pm #13254697

jacekJ-9

Hi there,

unfortunately this time there was no improvement and there is still a white square in the mobile version

Jacek
March 15, 2023 at 6:46 pm #13254733

jacekJ-9

Hi once again,

Now I added the code:


 @media only screen and (max-width: 767px) {

#section-tophat * {

float: left !important; }

now it is working,

Thank you very much for your help

Jacek
March 15, 2023 at 9:24 pm #13255231

Mihai Apetrei
Supporter

Languages: English (English )

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

Hi Jacek.

That's perfect, thank you for the confirmation.

Can you also please mark this ticket as resolved, too?

Thank you!

Mihai