Line-height falsch nach site-style Änderung

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;
}

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:

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

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.

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.

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.

Mobirise-Tutorials.com

Line-height falsch nach site-style Änderung

Line-height falsch nach site-style Änderung

Re: Line-height falsch nach site-style Änderung

Re: Line-height falsch nach site-style Änderung

Re: Line-height falsch nach site-style Änderung

Re: Line-height falsch nach site-style Änderung

Re: Line-height falsch nach site-style Änderung

Wer ist online?