Moin Ezi,
... also - das war nicht so ganz leicht von hier zu erkennen - aber ich denke Du hast ein Thema mit dem altbekannten Mobirise-Bug einer
falschen "
line-height" (Linien-Höhe) erwischt.
Bei manchen Themen steht diese Line-Height (Linien-Höhe) auf
1 anstatt (richtig) auf
1.5. Daher steht auch der Text auf Deiner Startseite (index.html) eigentlich zu dicht in der Höhe aneinander.
Das hat dann eben auch zur Folge, das bei Deinem
<li> Tag die Höhe zwar eigentlich richtig mit 1.5 ist aber durch das
<span> Tag, aus Deiner CSS, zurück auf
1 gesetzt wird - weil das so im globalen Style definiert ist und weil Du daher zwei verschiedenen Linien-Höhen in der gleichen Zeile hast - und somit die Hintergrundfarbe nicht mehr diese Punkte verdeckt.
Um das Problem zu beheben, könntest Du das an Deine CSS noch mit ran schreiben:
Ich habe mein
Tutorial bezüglich der
line-height: 1.5; jetzt noch angepasst und diese CSS-Anweisung vorsichtshalber mit dran geschrieben. Danke für diesen wertvollen Tipp
Weiterhin habe ich noch ein Beispiel mit "
Middle-Dots" als Dot-Leaders erstellt (anstelle des normalen Punktes), vielleicht gefällt das jemandem besser:
https://www.mobirise-tutorials.com/Tuto ... #ColAmount
Ich würde Dir aber raten das gleich im
globalen Site-Style richtig einzutragen, dann stimmt das automatisch auch beim
<span> Tag.
1) Klicke auf den Pinsel (unten rechts) für die
globalen "Site Styles" Einträge (CSS):
2) Klicke dann im Fenster der "Site Styles" Werkzeuge auf den Button "
EDIT IN CODE EDITOR":
3) Ich habe diese CSS-Anweisungen dort im linken Bereich "
Static Styles" im Screenshot (unten) markiert:
Dort steht bei Dir die
falsche Linien-Höhe, unter anderen eben auch für den Selektor "span":
line-height: 1;
überschreibe das mit der
richtigen Linien-Höhe, so wie diese auch für das <body> Tag eingerichtet ist:
line-height: 1.5;
wie hier in diesem Code bereits getan:
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.5;
word-break: break-word;
word-wrap: break-word;
font-weight: 400;
}
... dann sollte schon alles richtig sein - also auch die Punkte nicht mehr unter den Preisen angezeigt werden, sondern nun von der Hintergrundfarbe des
<span> Tags, wie in Deiner CSS angegeben, überdeckt werden.
Im Online-Editor vom Browser habe ich das hier auf Deiner Seite simuliert:
und mit dieser Hilfe diese CSS erstellt, allerdings selbst auch noch etwas anders bearbeitet:
