Dies ist das technische Support-Forum für WPML - das mehrsprachige WordPress-Plugin.

Mitlesen können alle, doch nur WPML-Kunden können hier Fragen veröffentlichen. Das WPML-Team beantwortet Anfragen im Forum an 6 Tagen pro Woche, 22 Stunden am Tag.

Heute stehen keine Supporter zur Arbeit im German-Forum zur Verfügung. Sie können gern Tickets erstellen, die wir bearbeiten werden, sobald wir online sind. Vielen Dank für Ihr Verständnis.

Schlagwörter: 

This topic contains 4 Antworten, has 2 Teilnehmer.

Last updated by Juergen vor 1 Monat, 3 Wochen.

Assigned support staff: Noman.

Autor Beiträge
August 17, 2019 um 9:00 am

Juergen

The appearance of the language switcher in 2019 does not match the menu colors on hidden link

August 18, 2019 um 11:10 am #4411951

Noman
Supporter

Languages: Englisch (English )

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

Hi,

Thank you for contacting WPML Support. You can change the language switcher color by adding the following CSS in WPML >> Languages > Additional CSS section:

.wpml-ls-item a {
   color: rgb(0, 168, 165) !important;
}

And it will look as in the attached screenshot.

Please let me know if this resolves your issue or you need further assistance with this issue.

Thank you

August 19, 2019 um 7:03 am #4413877

Juergen

Thank you, Noman!

Very helpful, this changed in fact the appercance of the font. But the background still dows not fit the rest of twentynineteen as you can see here: hidden link

Could I make the background transparent?

Thanks, Jürgen

August 19, 2019 um 8:20 am #4414381

Noman
Supporter

Languages: Englisch (English )

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

Hi,

Please use updated CSS:

.wpml-ls-item a,
.wpml-ls-item a:hover,
.wpml-ls-item,
.wpml-ls-item ul {
   background:transparent !important;
}


.wpml-ls-item a {
	color: rgb(0, 168, 165) !important;
}

.wpml-ls-item a:hover {
	color: hsl( 179, 100%, 23% ) !important;
}

.site-header.featured-image .wpml-ls-item a {
	color:#fff !important;
}

.site-header.featured-image .wpml-ls-item a:hover {
	color:#fff !important;
	opacity:0.6;
}

And I hope it will resolve your issue.

Thank you

August 22, 2019 um 11:32 am #4438697

Juergen

My issue is resolved now. Thank you!