Hallo,<\/p>\n
Meine Men\u00fcleiste sieht wie folgt aus:
\nStartseite–\u00dcber mich–Blog–Kontakt–Impressum. Jetzt soll unter Startseite und \u00dcber mich jeweils ein Untermen\u00fc. Zudem soll die Schriftfarbe der Buttoms der beiden Untermen\u00fcs unterschiedlich sein. <\/p>\n
Ich habe diesbez\u00fcglich die style.css untersucht. Meiner Meinung nach gibt es nur drei Einstellungsm\u00f6glichkeiten f\u00fcr die Men\u00fcs, dies sind folgende:<\/p>\n
.main-navigation a:hover <\/p>\n
.navigation-top .current-menu-item > a, .navigation-top .current_page_item <\/p>\n
.navigation-top a <\/p>\n
F\u00fcr die Untermen\u00fcs gibt es meiner Meinung nach nur folgende CSS- Klasse:
\n.main-navigation li li a <\/p>\n
Weil es nur eine CSS-Klasse f\u00fcr alle Untermen\u00fcs gibt, kann ich f\u00fcr die Untermen\u00fcs Startseite–Untermen\u00fc und \u00dcber mich– Untermen\u00fc nicht unterschiedliche Farben verwenden, so dass bei dem ersten Untermen\u00fc die Schriftfarbe rot und beim zweiten Untermen\u00fc die Schriftfarbe gr\u00fcn ist.
\nAnders ausgedr\u00fcckt: Das es f\u00fcr die Untermen\u00fcs in der Navigationsleiste nur eine CSS-Regel gibt, kann ich die beiden oben genannten Untermen\u00fcs farblich nicht unterschiedlich gestalten. Stattdessen haben die Untermen\u00fcs immer die selbe Farbe.<\/p>\n
Nun meine Frage: Wie muss ich vorgehen, so dass ich die Schriftfarbe der beiden Untermen\u00fcs unterschiedlich gestalten kann? Ich vermute, dass man das \u00fcber ein Plugin macht. <\/p>\n
Welches Plugin eignet sich besonders gut, um die Schriftfarbe zweier versch. Untermen\u00fcs unterschiedlich zu gestalten, so dass z.B. Untermen\u00fc1 die Schriftfarbe rot und Untermen\u00fc2 die Schriftfarbe gr\u00fcn hat?<\/p>\n
Ich habe noch eine zweite Frage:
\nIch habe die WordPress-Seite in Google Chrome ge\u00f6ffnet. Dann gehe ich mit der Maus z.B. \u00fcber einen Buttom, mache einen Rechtsklick und gehe im ge\u00f6ffneten Pop-up Fenster auf Untersuchen. Ich ermittele auf diese Weise die entsprechende Zeile in der style.css Regel. In einem HTML-Editor ver\u00e4ndere ich dann diese. Nach einigen Ver\u00e4nderungen erscheinen dann bei Untersuchen in Google Chrome durchgestrichene CSS-Regeln. <\/p>\n
Leider kann ich die entsprechende Codepassage nicht posten, weil die Durchstreichungen hier im Fenster komischerweise nicht erscheinen.<\/p>\n
Was haben die durchgetrichenen CSS- Regeln, die in Google Chrome angezeigt werden, zu bedeuten? <\/p>\n
Die Webseite ist lokal auf meinem Rechner. Mein Betriebssystem ist Windows7.<\/p>\n","protected":false},"template":"","class_list":["post-37178","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/37178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/37178\/revisions"}],"wp:attachment":[{"href":"https:\/\/de.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=37178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}