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

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

  • Beiträge: 65
  • Dank erhalten: 0

[GELÖST] Eigene Schriftfarbe - Mobile-Ansicht nicht wie Desktop-Ansicht wurde erstellt von elmar1949

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.
Letzte Änderung: 2 Jahre 3 Monate her von elmar1949.
2 Jahre 3 Monate her #1
Anhänge:

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Beiträge: 1988
  • Dank erhalten: 298

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

Hallo,
fügen sie mal folgenden CSS code in ihre custom.css ein
.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
2 Jahre 3 Monate her #2

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Beiträge: 65
  • Dank erhalten: 0

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

Leider werden dann alle Menüpunkte in weiß angezeigt.
Es sollte nur der Menüpunkt "Aktuelles" sein: .nav-link-item-id-233
2 Jahre 3 Monate her #3

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Beiträge: 1988
  • Dank erhalten: 298

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

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

2 Jahre 3 Monate her #4
Anhänge:

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Beiträge: 65
  • Dank erhalten: 0

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

Das hatte leider überhaupt keine Auswirkung. Als ob ich die Klasse gar nicht geschrieben hätte.
Hier der Eintrag im Menüpunkt "Aktuelles"



2 Jahre 3 Monate her #5
Anhänge:

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • Beiträge: 1988
  • Dank erhalten: 298

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

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

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 © 2022 Joomlaplates | Joomla 4 Templates mit Uikit 3

Impressum & Datenschutz | AGB