Schrift im Menü verändern

**BrainStormer** · 13.01.2017, 12:30

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

**Stefko** · 13.01.2017, 12:36

Hi,

versuche etwas in der Art:

Code:

 .level_1 li a,
 .level_1 li span {
    color: #999;
    font-size: 16px;
    ...
}

Grüße,
Stefko

**BrainStormer** · 13.01.2017, 12:44

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

**Stefko** · 13.01.2017, 12:51

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

Grüße,
Stefko

**BrainStormer** · 13.01.2017, 12:55

Halllo.
anbei der Link:

www.untergestell.com

**Stefko** · 13.01.2017, 13:04

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

**dazzle89** · 13.01.2017, 13:26

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.

**BrainStormer** · 13.01.2017, 13:49

Perfekt, hab es hinbekommen.

**BrainStormer** · 16.01.2017, 14:44

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 ?

**tab** · 16.01.2017, 15:00

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.