Zinnia Theme Schriftgröße des Dropdown Menüs ändern?

  • AileenCaucasus

    (@aileencaucasus)


    vor 10 Jahren, 2 Monaten

    Hallo Zusammen!

    Ich hoffe jemand kann mir weiterhelfen, sitze seit 2 Tagen dran und komm einfach nicht weiter. 🙁 Da mein Blog noch auf dem Server liegt kann ich leider keinen Link schicken, daher hier der versuch einer ausführlichen Beschreibung:

    Ich habe auf meinem Blog oben ein Hauptmenü mit 4 Punkten:
    Home – Armenia – Georgia – Links

    Wenn man über ‚Armenia‘ hoovert erscheint das horizontale Menü mit zwei Unterpunkten (die da heißen: Fotos, Filme).
    Wie kann ich die Schriftgröße dieser Unterpunkte ändern? Also wie ändere ich die Font-size der Wörter ‚Fotos‘ und ‚Filme‘?

    Habe im css stylesheet nur Angaben zur font-size für das Hauptmenü gefunden. Das lässt sich auch ändern z.B. verkleinern, die Schriftgröße im Dropdown Menü bleibt jedoch immer gleich groß.

    Jemand eine Idee? Ich nutze das Zinnia Theme.

    Tausend Dank,
    Line

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Moderator Bego Mario Garde

    (@pixolin)

    vor 10 Jahren, 2 Monaten

    Das schöne an Cascading Style Sheets ist, dass sie sich auf Unterelemente auswirken (kaskadieren). Ein Beispiel:

    Style-Sheet: ul { font-size: 12px }

    HTML: <ul><li>Text</li><ul>

    Das Element li ist ein Unterelement von ul und erbt daher die Formatierung. der Text wird also in Größe 12px angezeigt. Es sei denn, man fügt eine abweichende Formatierungsangabe hinzu:

    Style Sheet: ul { font-size: 12px } wichtig { font-size: 14px }

    HTML: <ul><li>Das ist <span class="wichtig">wichtiger Text</span></li><ul>

    Hier wird der Textabschnitt „wichtiger Text“ größer dargestellt, weil er zwar ein untergeordnetes Element ist, aber eine abweichende Formatierungsangabe hat (Klasse „wichtig“).

    Zurück zu deiner Frage: Dass du für Unterseiten keine Formatierungsangaben findest, ist normal. Die Untermenüpunkte erben einfach die Gestaltung. Möchetest du das nicht, musst du z.B. per Chrome Developer Tools nach Klassen suchen, für die du eine abweichende Formatierungsangabe machen kannst – bei deinem Theme ist das die Klasse „children“.

    Am besten installierst du ein Plugin wie Simple Custom CSS und gibst dort eine neue CSS Regel

    .children { font-size: 60px; } 

    ein (oder wie groß auch immer die Schrift sein soll).

    Thread-Starter AileenCaucasus

    (@aileencaucasus)

    vor 10 Jahren, 2 Monaten

    Hallo Pixolin!

    Tausend Dank für deine ausführliche Antwort und die tolle Erklärung! Das mit dem ‚vererben‘ hatte ich schon befürchtet.

    Nun gut, ich bin deiner Anweisung gefolgt und habe Simple Custom CSS installiert.
    Muss ich jetzt tatsächlich nur o.g. Zeile bei Simple C CSS eingeben und auf Update drücken? So einfach?

    Also in meinem Fall habe ich .children { font-size: 0.9em; } eingegeben.
    Ich gebe zu ich hab’s auch schon ausprobiert und es ist nichts passiert, weswegen ich davon ausgehen dass es dann doch nicht so einfach ist.

    Danke für die Unterstützung!
    Line

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Das Thema „Zinnia Theme Schriftgröße des Dropdown Menüs ändern?“ ist für neue Antworten geschlossen.