Seite 1 von 1
Line-height falsch nach site-style Änderung
Verfasst: Mi 21. Jun 2023, 10:39
von stobi_de
Auch dieser Fehler nur der Vollständigkeit halber an dieser Stelle.
In der Version 5.8.22 haben wir nach Änderung der Sitestyles immer noch die Line-height von 1 statt 1.5
Code: Alles auswählen
h1,
h2,
h3,
h4,
h5,
h6,
.display-1,
.display-2,
.display-4,
.display-5,
.display-7,
span,
p,
a {
line-height: 1;
word-break: break-word;
word-wrap: break-word;
font-weight: 400;
}
Re: Line-height falsch nach site-style Änderung
Verfasst: Mi 21. Jun 2023, 10:53
von Tommy Herrmann
Moin,
... also ich hatte das auch schon mal getestet und kam zum Schluss, dass es stimmt.
Mobirise hat da wohl das <body> Tag und die display-Klassen angepasst:
Re: Line-height falsch nach site-style Änderung
Verfasst: Mi 21. Jun 2023, 11:30
von stobi_de
Hm... also oben das Bild mit lineheigt:1
unten mit 1.5
Innerhalb von Mobi ist das OK, aber publiziert ist es nicht mehr OK.
Im Body ist das lineheight:1.5 drin, hat aber keine Auswirkung
Re: Line-height falsch nach site-style Änderung
Verfasst: Mi 21. Jun 2023, 12:17
von Tommy Herrmann
jo - genau das hatte ich eben nicht, nach dem ich gerade eben nochmals ein neues Standard-Thema "Mobirise5" aufgezogen habe.
Unten der Screenshot nach dem lokalen Publizieren.
Re: Line-height falsch nach site-style Änderung
Verfasst: Sa 24. Jun 2023, 17:13
von Werner-Zenk.de
Auch wenn die Amis meinen
line-height: 1; wäre korrekt, bin ich nicht der Meinung. jede Zahl muss auch eine Messeinheit zugrunde liegen. So eine Anweisung stiftet nur Verwirrung
https://developer.mozilla.org/en-US/doc ... ine-height
Mit der Browserkonsole nachschauen welche CSS-Elemente noch auf dieses Element zugreifen; gegebenenfalls eine neue Regel für dieses Element definieren.
Re: Line-height falsch nach site-style Änderung
Verfasst: Sa 24. Jun 2023, 17:48
von Tommy Herrmann
Moin,
ja - genauso ist es ja auch.
Die Mobirise-Entwickler haben das auch schon nachgebessert - aber anscheinend an einer Stelle vergessen, die dann aber an anderer Stelle überschrieben wird.
Die
normalen
Texte haben z.B. immer eine
class="display-7" und dort wird die Höhe dann auf 1.5rem gesetzt. Andere Höhen werden auch gesetzt, es kommt immer auf die Anwendung und die Schriftgröße an:
Code: Alles auswählen
.display-1 {
font-family: @display1Font;
font-size: @display1Size *1rem;
line-height: 1.1;
>.mbr-iconfont {
font-size: @display1Size *1.25rem;
}
}
.display-2 {
font-family: @display2Font;
font-size: @display2Size *1rem;
line-height: 1.1;
>.mbr-iconfont {
font-size: @display2Size *1.25rem;
}
}
.display-4 {
font-family: @display4Font;
font-size: @display4Size *1rem;
line-height: 1.5;
>.mbr-iconfont {
font-size: @display4Size *1.25rem;
}
}
.display-5 {
font-family: @display5Font;
font-size: @display5Size *1rem;
line-height: 1.5;
>.mbr-iconfont {
font-size: @display5Size *1.25rem;
}
}
.display-7 {
font-family: @display7Font;
font-size: @display7Size *1rem;
line-height: 1.5;
>.mbr-iconfont {
font-size: @display7Size *1.25rem;
}
}
Natürlich kann das jeder ohnehin selbst anpassen, nur sollte es erst einmal per Default auch halbwegs stimmen.
Die Line-Height an der Stelle von
allen Tags
zu setzen (was Stobi moniert) ist natürlich auch Blödsinn und könnte dann dort ganz weg, denn diese wird ja in jedem Fall durch die dynamischen Anweisungen oder auch durch vom User gesetzte Parameter wieder überschrieben.