Ergebnis 1 bis 11 von 11

Thema: Schrift im Menü verändern

  1. #1
    Contao-Nutzer
    Registriert seit
    28.03.2014.
    Beiträge
    116

    Standard Schrift im Menü verändern

    Hallo an alle,
    ich versuche z.z. mein Menü anders zu gestalten. Eigentlich nur die Schrift auf Schwarz zu stellen und die schrift 2-3 px größer zu machen.
    Ich hab schon einiges probiert: Eine Formatdefinition erstellt mit größe und Farbe und die als CSS klasse in das Menü eingetragen.
    Ich hab auch schon eine Formatdefinition erstellt für .level_1 bzw .level_2 und dort dann die entsprechenden Daten eingegeben. Das einzige was hier passiert ist, ist das der Block um die Schrift größer geworden ist.
    Hat jemand eine Idee?

    Lg
    AndyCon

  2. #2
    Contao-Fan Avatar von Stefko
    Registriert seit
    25.10.2012.
    Ort
    Karlsruhe
    Beiträge
    775
    User beschenken
    Wunschliste

    Standard

    Hi,

    versuche etwas in der Art:
    Code:
     .level_1 li a,
     .level_1 li span {
        color: #999;
        font-size: 16px;
        ...
    }
    Grüße,
    Stefko

  3. #3
    Contao-Nutzer
    Registriert seit
    28.03.2014.
    Beiträge
    116

    Standard

    Hey, danke für die schnelle Antwort.
    Ich hab jetzt im Selektor:
    HTML-Code:
    .level_1 li a,
     .level_1 li span
    eingetragen und unten im Code dann:
    HTML-Code:
       color: #000000;
        font-size: 40px;
    Die 40px einach um mal zu gucken ob es funktioniert.

    Da tut sich leider nichts

  4. #4
    Contao-Fan Avatar von Stefko
    Registriert seit
    25.10.2012.
    Ort
    Karlsruhe
    Beiträge
    775
    User beschenken
    Wunschliste

    Standard

    Hast Du mal nen Link, dass man sich das mal direkt anschauen kann?

    Grüße,
    Stefko

  5. #5
    Contao-Nutzer
    Registriert seit
    28.03.2014.
    Beiträge
    116

    Standard

    Halllo.
    anbei der Link:

    www.untergestell.com

  6. #6
    Contao-Fan Avatar von Stefko
    Registriert seit
    25.10.2012.
    Ort
    Karlsruhe
    Beiträge
    775
    User beschenken
    Wunschliste

    Standard

    Habe mir das eben mal mit FireBug angeschaut, versuche mal folgendes:
    Code:
    .mainnavi .level_1 li a,
    .mainnavi .level_1 li span {
        font-size: 40px;
    }
    Schau außerdem mal in den Einstellungen der Browser- & Serverchache ausgeschaltet ist. Ansonsten kann es passieren, dass Dein CSS zwar geändert ist, Du aber trotzdem noch das alte aus dem Cache ausgeliefert bekommst.

    hth,
    Stefko

  7. #7
    Contao-Fan
    Registriert seit
    03.01.2012.
    Beiträge
    847

    Standard

    Naja du hast doch irgendwo in deiner CSS-Datei diese Stelle:

    Code:
    .mainnavi .level_1 a, .mainnavi .level_1 span {
      padding: 8px 15px 4px;
      display: inline-block;
      text-decoration: none;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 400;
      opacity: 0.6;
    }
    Und dort kannst du die Farbe und Schriftgröße anpassen.

  8. #8
    Contao-Nutzer
    Registriert seit
    28.03.2014.
    Beiträge
    116

    Standard

    Perfekt, hab es hinbekommen.

  9. #9
    Contao-Nutzer
    Registriert seit
    28.03.2014.
    Beiträge
    116

    Standard

    Hallo,
    ich muss hier leider nochmal Nachfragen.
    Mit den code von oben:
    HTML-Code:
    .mainnavi .level_1 li a,
    .mainnavi .level_1 li span {
        font-size: 40px;
    }
    Das Hauptmenü ändern, also level 1.
    Ich will aber auch, dass das untermenü also level 2 u 3 auch eine andere Schriftfarbe / größe hat.
    Ich hattemitden code von oben auch versucht das Level 2 u 3 anzusprechen, leider funktioniert das nicht.
    Hat da jemand nochmal hilfe ?

  10. #10
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.198
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Schau einfach mal nach, wo die aktuelle Farbe herkommt. Der Hintergrund kommt wohl vom ul.level_2. Die Schriftfarbe wird wohl damit gesetzt:
    Code:
    #header .mainnavi ul.level_2 li a, #header .mod_navigation ul.level_2 li span {
        display: block;
        float: none;
        border-bottom: 1px solid #000;
        font-size: 20px;
        padding: 9px 20px;
        font-size: 12px;
        text-transform: none;
        margin: 0;
        text-align: left;
        color: rgba(255,255,255,0.9);
        text-transform: uppercase;
    }
    Hier ist also der Selektor wesentlich spezifischer als beim Level 1, warum auch immer. Jedenfalls lässt sich das dann auch nur mit dem gleichen oder einem noch spezifischeren Selektor überschreiben.

  11. #11
    Contao-Nutzer
    Registriert seit
    28.03.2014.
    Beiträge
    116

    Standard

    So das wars, dankesehr

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •