×
Bitte immer Live Url, PHP Version, Template Version und Template Name angeben
[GELÖST] Eigene Schriftfarbe - Mobile-Ansicht nicht wie Desktop-Ansicht
- elmar1949
- Autor
- Senior Boarder
- 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.
[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.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- joomlaplates
- Moderator
- 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
PS: Vom original Code können sie das "important" nicht entfernen
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.
- elmar1949
- Autor
- Senior Boarder
- 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
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.
- joomlaplates
- Moderator
- Beiträge: 1988
- Dank erhalten: 298
joomlaplates antwortete auf [GELÖST] Eigene Schriftfarbe - Mobile-Ansicht nicht wie Desktop-Ansicht
2 Jahre 3 Monate her
#4
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- elmar1949
- Autor
- Senior Boarder
- Beiträge: 65
- Dank erhalten: 0
elmar1949 antwortete auf [GELÖST] Eigene Schriftfarbe - Mobile-Ansicht nicht wie Desktop-Ansicht
2 Jahre 3 Monate her
#5
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- joomlaplates
- Moderator
- 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.