Bitte immer Live Url, PHP Version, Template Version und Template Name angeben

[GELÖST] Eigene Schriftfarbe - Mobile-Ansicht nicht wie Desktop-Ansicht

  • elmar1949
  • elmar1949s Avatar Autor
  • Senior Mitglied
  • Senior Mitglied
  • Beiträge: 65
  • Dank erhalten: 0
Auf dieser Website
[URL entfernt]
habe ich einen bestimmten Menüpunkt farblich anders gestaltet, als den Rest der Menüpunkte. Das klappt auch in der Desktop-Ansicht:
[/url]
Doch in der mobilen Ansicht bleibt die Schriftfarbe dieses Menüpunkts schwarz:

Beim Blick in die Konsole der mobilen Ansicht sehe ich, dass diese Schriftfarbe in der CSS-Hierarchie schon weiter oben ein !important hat.

Ich vermute, dass das aus Template - Farben - Mobilmenü stammt.
Besteht eine Möglichkeit, das obige !important rauszunehmen?
Sämtliche Versuche mit den Klassen die dort aufgelistet sind (z.B. astroid-mobilemenu), hatten in meiner custom.css keinen Effekt.
Last Edit:3 Jahre 2 Monate her von elmar1949

Anhänge:

Letzte Änderung: 3 Jahre 2 Monate her von elmar1949.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Hallo,
fügen sie mal folgenden CSS code in ihre custom.css ein
Code:
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a, .astroid-mobilemenu .menu-indicator { color: #fff !important; }

PS: Vom original Code können sie das "important" nicht entfernen

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • elmar1949
  • elmar1949s Avatar Autor
  • Senior Mitglied
  • Senior Mitglied
  • Beiträge: 65
  • Dank erhalten: 0
Leider werden dann alle Menüpunkte in weiß angezeigt.
Es sollte nur der Menüpunkt "Aktuelles" sein: .nav-link-item-id-233
von elmar1949

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Hallo, dann müssen sie das anders lösen.
Legen sie für ihren Menupunkt eine eigene Klasse an, danach können sie diesen Link mit einer css ansprechen

Anhänge:

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • elmar1949
  • elmar1949s Avatar Autor
  • Senior Mitglied
  • Senior Mitglied
  • Beiträge: 65
  • Dank erhalten: 0
Das hatte leider überhaupt keine Auswirkung. Als ob ich die Klasse gar nicht geschrieben hätte.
Hier der Eintrag im Menüpunkt "Aktuelles"



von elmar1949

Anhänge:

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Hallo, benutzen sie mal folgenden css code
Code:
a.nav-link-item-id-233.nav-link.item-link-component.item-level-1 { color: #fff !important; }

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Installations-Service

Sparen Sie Zeit, wir installieren ihr gekauftes Joomla Template
mit all den dazugehörigen Extensions und dem "Demo Inhalt" innerhalb der nächsten 24 Stunden
auf einem Server/Webhost ihrer Wahl

Kaufen - 59€

Copyright © 2008 - 2025 Joomlaplates | Professional Joomla Templates

Impressum & Datenschutz | AGB