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 Mitglied
-
- Beiträge: 65
- Dank erhalten: 0
[GELÖST] Eigene Schriftfarbe - Mobile-Ansicht nicht wie Desktop-Ansicht wurde erstellt von elmar1949
Posted 3 Jahre 2 Monate her #1
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.
Last Edit:3 Jahre 2 Monate her
von elmar1949
Letzte Änderung: 3 Jahre 2 Monate her von elmar1949.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- joomlaplates
-
- Moderator
-
- Beiträge: 2371
- Dank erhalten: 350
joomlaplates antwortete auf [GELÖST] Eigene Schriftfarbe - Mobile-Ansicht nicht wie Desktop-Ansicht
Posted 3 Jahre 2 Monate her #2
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
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
von joomlaplates
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- elmar1949
-
Autor
- Senior Mitglied
-
- Beiträge: 65
- Dank erhalten: 0
elmar1949 antwortete auf [GELÖST] Eigene Schriftfarbe - Mobile-Ansicht nicht wie Desktop-Ansicht
Posted 3 Jahre 2 Monate her #3
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
von elmar1949
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- joomlaplates
-
- Moderator
-
- Beiträge: 2371
- Dank erhalten: 350
joomlaplates antwortete auf [GELÖST] Eigene Schriftfarbe - Mobile-Ansicht nicht wie Desktop-Ansicht
Posted 3 Jahre 2 Monate her #4
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
Legen sie für ihren Menupunkt eine eigene Klasse an, danach können sie diesen Link mit einer css ansprechen
von joomlaplates
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- elmar1949
-
Autor
- Senior Mitglied
-
- Beiträge: 65
- Dank erhalten: 0
elmar1949 antwortete auf [GELÖST] Eigene Schriftfarbe - Mobile-Ansicht nicht wie Desktop-Ansicht
Posted 3 Jahre 2 Monate her #5
Das hatte leider überhaupt keine Auswirkung. Als ob ich die Klasse gar nicht geschrieben hätte.
Hier der Eintrag im Menüpunkt "Aktuelles"
Hier der Eintrag im Menüpunkt "Aktuelles"
von elmar1949
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- joomlaplates
-
- Moderator
-
- Beiträge: 2371
- Dank erhalten: 350
joomlaplates antwortete auf [GELÖST] Eigene Schriftfarbe - Mobile-Ansicht nicht wie Desktop-Ansicht
Posted 3 Jahre 2 Monate her #6
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;
}
von joomlaplates
Bitte Anmelden oder Registrieren um der Konversation beizutreten.