• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Abstand zwischen den Absätzen vergrößern

Lisa K.

Neues Mitglied
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!
 

Anhänge

  • Bildschirmfoto 2024-09-18 um 08.32.20.png
    Bildschirmfoto 2024-09-18 um 08.32.20.png
    128,9 KB · Aufrufe: 4
  • Bildschirmfoto 2024-09-18 um 08.23.49.png
    Bildschirmfoto 2024-09-18 um 08.23.49.png
    287,9 KB · Aufrufe: 4
  • Bildschirmfoto 2024-09-18 um 08.23.16.png
    Bildschirmfoto 2024-09-18 um 08.23.16.png
    153,7 KB · Aufrufe: 4
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.
 
Dann bitte das HTML und das CSS in Codetags posten. Wenige Listenpunkte reichen aus. Oder alternativ die URL falls Du die Seite online hast.
 
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.
 
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:
1726647118090.png

Und dann die Abstände zwischen den Listenpunkten mit margin-top:
Code:
.liste-mit-haken ul li {
    margin-top: 1em;
}
 
Zurück
Oben