[Gelöst] CSS is not applied in different languages
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 antwortet im Forum an 6 Tagen pro Woche, 22 Stunden am Tag.
Background of the issue:
I am experiencing an issue with the CSS not being applied correctly in different languages on my site versteckter Link. Previously, a similar problem was resolved by your colleague Nicolas. The issue seems to be related to a CSS ID/class/file not being assigned correctly.
Symptoms:
The mega menu under 'Leistungsportfolio' or 'Services' is not displayed correctly depending on the language selected in the backend under 'Elementor - Tools - Regenerate CSS & Data'. When 'Österreich' is selected, the Mega Menu displays correctly, but not in 'English'. If I regenerate for 'English', it no longer displays correctly under 'Österreich'.
Questions:
Can you help resolve the CSS issue affecting different languages?
Can you provide a protocol or guide to solve this issue in the future?
Verstehe ich richtig, dass hier benutzerdefiniertes CSS angewendet wird und dabei eine Klasse wie zum Beispiel .elementor-880 verwendet wird?
Falls ja, beachte bitte, dass ein Selector wie .elementor-880 nur in einer Sprache gültig ist. Das Suffix hier ist eine ID "880" und diese ist in jeder Sprache unterschiedlich.
Du musst den Quellcode nach den passenden Selektor-Klassen durchsuchen und die entsprechende Klasse für jede Sprache in Deinem CSS anwenden.
das mit der ID 880 war nur ein Versuch, der aus den von dir genannten nicht funktioniert hat.
Aber ist es denn eine Lösung das ich für jede Sprache den Selektor manuell eingeben muss? Sollte das nicht automatisch passieren?
Wenn ich mich richtig erinnere hat Nicolas auch keinen von den nummerierten Selektoren benutzt, sondern eine mit einer random Buchstaben-Ziffern-Folge (konkret "7cad2e3") und ich kann grad nicht mehr nachvollziehen wie er auf diese kam.
Verstehe ich richtig, dass hier benutzerdefiniertes CSS angewendet wird?
Ich kann gerne anbieten mir das einmal genauer anzusehen.
Ich möchte einen temporären Zugriff (wp-admin und FTP) auf die Website anfordern, um das Problem genauer zu untersuchen.
Die dafür erforderlichen Felder findst Du unterhalb des Kommentarbereichs, wenn Du dich anmelden, um die nächste Antwort zu hinterlassen. Die Informationen, die Du angibst sind privat, was bedeutet, dass nur Du und ich sie sehen und darauf zugreifen können.
WICHTIG
Lege bitte unbedingt eine Sicherungskopie der Website und der Datenbank an, bevor Du uns den Zugriff gewährst.
Wenn Du die Felder "wp-admin / FTP" nicht sehen kannst, werden Ihre Anmeldedaten für Post und Website als "PUBLIC" (Öffentlich) festgelegt. Veröffentliche die Daten NICHT, es sei denn, Du siehst die erforderlichen wp-admin / FTP-Felder.
Das private Antwortformular sieht folgendermaßen aus: versteckter Link
Klicke beim nächsten Antworten auf "I still need assistance".
Video: versteckter Link
Beachte bitte, dass wir verpflichtet sind, diese Informationen auf jedem Ticket individuell anzufordern. Wir dürfen nicht auf Zugangsinformationen zugreifen, die nicht speziell auf diesem Ticket im privaten Antwortformular übermittelt wurden.
Verstehe ich richtig, dass es sich um folgende Option handelt? versteckter Link
Gebe mir bitte ebenso ein exaktes Beispiel zu dem Design, welches Du versuchst zu ändern.
Wenn ich aktuell versuche die originale Homepage in Elementor zu öffnen, so funktioniert dies leider nicht. (Es wird der Safe Mode aufgefordert und die Seite lädt nicht)
Könntest Du bitte eine Sicherungskopie der Website anlegen und danach alle Plugins (inkl. Elementor and dessen Addons, etc.) aktualisieren und mir danach Bescheid geben?
Kannst du mir bitte noch einmal so eine "Private Nachricht" freischalten? Dann schick ich dir die Zugänge für die Staging-Seite, da exisitert das gleiche Problem inkl. aller Updates und dann hänge ich dort auch die entsprechenden Screenshots an.
Das original Mega Menu hier ist "mega-menu-at", die "Österreich" Version.
Es ist eingestellt, dass dieser Inhalt mit dem WordPress Editor übersetzt wird.
Ich würde hier eigentlich empfehlen den WPML Übersetzungseditor zu verwenden, da dieser sicherstellen sollte, dass alle Einstellungen wie erwartet kopiert werden.
Das haben wir im Ursprung so anlegen müssen, da sich das Mega Menü auch gestalterisch von der der englischen Version unterschieden hat. Daher, nein, habe ich noch nicht probiert.
Ich kann gerne anbieten mir das einmal genauer anzusehen.
Ich möchte einen temporären Zugriff (wp-admin und FTP) auf die Website anfordern, um das Problem genauer zu untersuchen.
Die dafür erforderlichen Felder findst Du unterhalb des Kommentarbereichs, wenn Du dich anmelden, um die nächste Antwort zu hinterlassen. Die Informationen, die Du angibst sind privat, was bedeutet, dass nur Du und ich sie sehen und darauf zugreifen können.
WICHTIG
Lege bitte unbedingt eine Sicherungskopie der Website und der Datenbank an, bevor Du uns den Zugriff gewährst.
Wenn Du die Felder "wp-admin / FTP" nicht sehen kannst, werden Ihre Anmeldedaten für Post und Website als "PUBLIC" (Öffentlich) festgelegt. Veröffentliche die Daten NICHT, es sei denn, Du siehst die erforderlichen wp-admin / FTP-Felder.
Das private Antwortformular sieht folgendermaßen aus: versteckter Link
Klicke beim nächsten Antworten auf "I still need assistance".
Video: versteckter Link
Beachte bitte, dass wir verpflichtet sind, diese Informationen auf jedem Ticket individuell anzufordern. Wir dürfen nicht auf Zugangsinformationen zugreifen, die nicht speziell auf diesem Ticket im privaten Antwortformular übermittelt wurden.
Es gibt keine CSS Änderungen die ich selbst eingefügt hätte.
Der Fehler findet sich im Mega Menu wenn die Sprache eine andere ist als "Österreich" oder "Deutschland". In jedem englischsprachigen Mega Menü unter Punkt "Services" fehlt der Abschnitt "Products".
Entschuldige bitte das Missverständnis. Der Title des Tickets lautet: "CSS is not applied in different languages" weshalb ich mir nicht sicher war, wo genau das Problem liegt.
Der fehlende Abschnitt im Template "mega-menu-at" tritt bereits auf wenn ich die übersetzten Templates im WordPress Editor öffne.
Auf dem originalen Template ist eingestellt, dass dieses Template mit dem WordPress-Editor übersetzt wird. Siehe rechte Seitenleiste des WordPress Editors unter "Sprache".
Das Verhalten ist somit zu erwarten, wenn diese Übersetzungsmethode verwendet wird. In dem Fall muss der Inhalt manuell direkt in Elementor erstellt werden.
Ich würde empfehlen anstatt dessen den WPML Übersetzungseditor als Übersetzungsmethode einzustellen.
