Bekomme Rahmen von Menu-Item nicht weg

Hallo zusammen,

ich betreibe die Website akkurat-gsv.de.

Ich möchte die Seite in drei Sprachen publizieren. Zur entsprechenden Ansteuerung möchte ich rechts oben im Menü drei Flaggen hinzufügen, die auf die übersetzten Unterseiten verlinken. Zu Testzwecken habe ich jetzt mal die D-Flagge eingebunden. Jetzt ist da allerdings ein kleiner Rahmen um die Flagge, den ich einfach nicht weg bekomme :roll:

Ich hab es bereits damit versucht

.x-navbar .desktop .x-nav > .current-menu-item > a > span {
    border-color: rgba(0,0,0,0.0);
  }

aber da verschwindet leider auch der Rahmen der anderen Elemente.

Ich würde mich sehr über eine kleine Hilfestellung freuen.

Beste Grüße

Hi zusammen,

ja, ich dachte mir auch, dass es so gehen sollte. Macht ja auch Sinn. Geht aber nicht. Vllt. mach ich aber irgendwas falsch. Ich hab im Bereich "Customer CSS" folgenden Code eingetragen:

.flagicon {
border-color: rgba(0,0,0,0.0);
}

und bei der CSS-Class des entsprechenden Menüeintrages "falgicon".

Müsste doch eigtl. klappen, oder? Klappt aber nicht :neutral:

Wenn ich das Element untersuche und mir anschaue, was passiert, wenn ich die CSS-Klasse dem Menüpunkt zuweise, würde ich das so interpretieren, als wären wir da eine Ebene zu hoch.

Ich hab mich gerade gefragt, ob ich vllt. ein zweites Menü daneben setzen könnte, wo ich die Flaggen darstelle und dann über dieses komplett den Rahmen verschwinden lasse. Dann könnte ich nämlich auch noch einen schicken Trennstrich zwischen die Menüs machen :)

Ahhhh... wieder was gelernt :) Und damit würden jetzt alle <span>-Elemente unter der ID menu-item-657 ihren Rahmen verlieren?

Vielen Dank dafür :) :) :)