Abstand zwischen den Absätzen vergrößern

[Lisa K.]

Hallo zusammen!

Wer kann mir helfen? Ich möchte bei einer Aufzählung zwischen den Zeilen weniger Abstand als zwischen den Absätzen. Habe schon einiges probiert, aber komme auf keine Lösung. Besser gesagt: Wie kann ich die Abstände zwischen den Absätzen vergrößern?

Im Anhang sind 3 Bilder:

1. So wie es aussieht
2. So wie ich es haben möchte
3. Der Code, den ich im Customizer eingegeben haben

Danke schon mal für eure Hilfe!

 

[Sempervivum]

Guten Morgen,
Code besser als Text in Codetags posten, dann tut man sich leichter damit, es in eine Testdatei zu übernehmen.
Von dem Screenshot mit dem CSS habe ich folgende Vermutung: Die großen Zeilenabstände kommen durch das line-height: 1.6em; zustande. Versuche, das weg zu lassen und die Abstände zwischen den Listenpunkten mit margin-top für die li-Elemente zu erzeugen.

 

[Lisa K.]

Danke für Deine Antwort!

Leider tut sich gar nichts ...

 

[Sempervivum]

Dann bitte das HTML und das CSS in Codetags posten. Wenige Listenpunkte reichen aus. Oder alternativ die URL falls Du die Seite online hast.

 

[Lisa K.]

Hier ist der Code:

/* Liste mit eigenen Icons OK-Haken */
.liste-mit-haken ul {
padding-left: 30px;
list-style: none;
padding-bottom: 0;
padding-top: 0;
margin-top: 0;
text-indent: -30px;
list-style-position: outside;
line-height: 1.6em;
}


.liste-mit-haken ul li:before {
list-style-position: inside;
content: '\5a';
font-family: ETmodules;
color: #2a803c;
font-size: 20px;
margin-right: 10px;
font-weight: bold;
}


Wenn das nicht ausreicht, dann stelle ich die Seite online.

 

[Lisa K.]

HIer jetzt doch die Seite online:

Garten- Haus-Garten-Poolservice

Jürgen Wrann

haus-garten-poolservice.ch

 

[Sempervivum]

Dass sich gar nichts getan hat, lag daran, dass in Zeile 64 eine weitere Anweisung für line-height steht, die dann wirksam wurde wenn Du das bei .liste-mit-haken ul gelöscht hast. Setzt Du statt dessen dort line-height auf 1, setzt es sich durch und die Zeilen rücken zusammen:


Und dann die Abstände zwischen den Listenpunkten mit margin-top:

.liste-mit-haken ul li {
    margin-top: 1em;
}

 

[Lisa K.]

Super!

Tausend Dank!!!

 

[Sempervivum]

Immer gern. Gut dass Du den Link posten konntest, sonst hätten wir gerätselt, warum line-height nicht wirkt.