user.css cassiopeia - Schriftgröße horizontales Menü

dnederveld · 2. Juli 2021

Joomla 4 RC3

Wenn ich die Schriftgröße des horizontalen Menüs vergrößern will, ändert sich nicht die Schriftgröße, sondern das Menü rutscht nach unten (hier letzte Zeile) ?

_________________________________________________

.container-header {

position: relative;

height: 250px;/* change hight */

z-index: 10;

margin-bottom: 1px;

background-image: linear-gradient(135deg, #3b03b0 0%, #3b03b0, 100%); /* change color */

font-size: 1.5rem;/* font size description */

}

.container-header .site-description {

font-size: 1.5rem;/* font size description */

color: #f9f871; }

/* Logo Size */

.container-header .navbar-brand img {

width: 1000px;

min-width: 100px; }

.container-header .mod-menu {

color: white;

font-weight: 500;

font-size: 3rem;

}

_______________________________________________________

Die Position des Menüs läßt sich sicher nur über das Grid ändern und ist wohl nicht ohne Nebenwirkungen oder?

Stef · 2. Juli 2021

Hallo,

Versuche es mal so:

Code

.metismenu.mod-menu .metismenu-item {
    font-size: 1.4rem;
    line-height: 1.5;
}

christine2 · 2. Juli 2021

Hallo,

Zitat von dnederveld

Wenn ich die Schriftgröße des horizontalen Menüs vergrößern will, ändert sich nicht die Schriftgröße, sondern das Menü rutscht nach unten (hier letzte Zeile) ?

wie kommst Du auf .container-header?

Schriftgröße, jetzt nur ein Schnellblick:

Code

.metismenu.mod-menu .metismenu-item {
    font-size: 1.1rem;
    line-height: 1.5;
}

Zitat von dnederveld

Die Position des Menüs läßt sich sicher nur über das Grid ändern und ist wohl nicht ohne Nebenwirkungen oder?

welche Position hast Du denn überhaupt?

Kannst ja (wenn es oben sein soll) Position: menu nehmen.

Liebe Grüße

Christine

Hallo Stef Unsere Posts haben sich überschnitten.

dnederveld · 2. Juli 2021

Danke zum ersten Teil, hatte ich falsch interpretiert, da die Schrift dort auf bold/normal reagierte.

Die Lösung hilft aber auch nicht

Zur Position: Ich habe schon die Position Menü gewählt, die ist aber vom oberenAbstand her wohl fest. wenn ich die Headerhöhe verkleinere, rutscht das Menü aus dem blauen Hintergrund raus.

http://iv.jpages.de/

JoomlaWunder · 2. Juli 2021

Auf die Schnelle: Wenn ich deine in #1 genannte Änderung (letzte Zeile) durchführe, wird die Schrift sauber vergrößert, aber nur, wenn ich die user.css deaktiviere, Eventuell hast du da irgendwelche Änderungen drin, die da jetzt Probleme bereiten? Wie gesagt, nur auf die Schnelle.Ich mag mich auch irren.

Nebenbei (aufgrund des angezeigten Fehlers): Kann es sein, dass dein JEvents stark veraltet ist.

Könnte 3.6.6 sein, aktuell wäre 3.6.15. Bzgl. Joomla4 wurde da einiges gefixt.

dnederveld · 2. Juli 2021

Danke, Jevents hatte ich gerade aus dem Joomla Webkatalog geladen, da liegt wohl noch die alte Version. Habe ein Update gemacht

JoomlaWunder · 2. Juli 2021

Beachte noch meine Ergänzung im letzen Beitrag von mir!

dnederveld · 2. Juli 2021

nochmal : http://iv.jpages.de

.container-header .mod-menu {

color: white;

font-weight: 500;

font-size: 2rem;

}

reagiert auf color und font-weight, aber nicht auf Schriftgröße

das sollte größer werden:

Stef · 2. Juli 2021

versuche mal:

Code

.mod-list li.active > a {
    font-size: 30px;
}

+ noch :

Code

.container-header .mod-list li.active > a {
    font-size: 30px;
}

JoomlaWunder · 2. Juli 2021

Irgendwie wirkt sich font-size: 2rem; bei mir aus, wenn man die user.css deaktiviert:

christine2 · 2. Juli 2021

Zitat von JoomlaWunder

Irgendwie wirkt sich font-size: 2rem; bei mir aus, wenn man die user.css deaktiviert:

Kann ich bestätigen.

Glaube, funktioniert deswegen nicht, weil es hier überschrieben wird (Zeile 51):

Code

a {
  color: #3b03b0;/* Link items, change color */
  text-decoration: none;
  font-size: 1rem;/* font size description */ 
  }

daher eventuell:

Code

.container-header .mod-menu a {
color: white;
font-weight: 500;
font-size: 2rem;
}

Liebe Grüße

Christine

dnederveld · 2. Juli 2021

Die Methode von Stef funktioniert, allerdings nicht beim ersten Menü-item (Aktuelles). Schon mal Danke

Danke erst mal allen, ich komme gar nicht nach, mache mich auf die Suche nach der richtigen Lösung

Tags