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

Last updated by Noman 1 year ago.

Assigned support staff: Noman.

Author Posts
October 4, 2018 at 12:57 pm #2787541

larsK-6

Tell us what you are trying to do?

We are looking for a option to enlarge the space (padding) between the 'normal' menu links (sites) and the language menu switcher.

We try to to this by changing some css... for example:

.wpml-ls-menu-item {
padding-left: 30px;
}

This will change the padding of all language links. Do you know a way to do this just once ... ?

Best regards
Lars

October 5, 2018 at 12:12 pm #2790670

Noman
Supporter

Languages: English (English )

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

Hi,

Thank you for contacting WPML Support. Could you please provide me page URL where I can see this issue and will try to provide you correct css to fix this issue.

Thank you

October 5, 2018 at 6:10 pm #2791512

larsK-6

Hello Noman,

the URL of the site is:
hidden link

htaccess password:
name: maike
pw: online

It's not ready and the site will move to an other hoster after ...

Thank you

October 8, 2018 at 8:00 am #2795016

Noman
Supporter

Languages: English (English )

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

Hi,

You can fix this issue by adding following CSS in your theme’s or child theme style.css file OR Custom CSS section of the theme:

.navbar-nav li:nth-last-child(3) {
	Margin-left: 50px !important;
}

And it will look as in attached screenshot.

Thank you

October 8, 2018 at 11:42 am #2795827

larsK-6

Hello Noman,

thank you for sending me the CSS solution.
This works fine in english and german.

But not in hebrew.

.rtl {
direction: rtl;
}

Is there a way to do this without build an extra rtl.css file?

Regards

Lars

October 8, 2018 at 12:48 pm #2796012

larsK-6

Hello Norman,

it's me again.
I find a solution by using the plugin "Custom RTL CSS" (no need to copy and edit the css file).

CSS for RTL:

.navbar-nav li:nth-last-child(3) {
margin-left: 0px !important;
margin-right: 50px !important;
}

Regards

Lars

October 8, 2018 at 1:25 pm #2796114

Noman
Supporter

Languages: English (English )

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

Hi,

You can remove that plugin and fix this issue by using following CSS:

.navbar-nav li:nth-last-child(3) {
	Margin-left: 50px !important;
}

.rtl .navbar-nav li:nth-last-child(3) {
	margin-left: 0px !important;
	margin-right: 50px !important;
}

Thank you

The topic ‘[Closed] Spacing between the languages and the "normal" site links’ is closed to new replies.