Aufzählung und Nummerierung - Abstand nach <li>xxx</li>?

  • Hallo!

    Möchte bevor ich mit meinen ersten eigenen CCS Gehversuchen in ZP böse Überraschungen erlebe fragen:

    Ziel: Im Layout Flat-Responsive ist nach jedem Textabsatz 0.5em Abstand und ich möchte diese 0.5em Abstand auch nach den Aufzählungs- und Nummerierungspunkten innerhalb des Text-Widget einfügen.

    Mein Lösungsansatz:
    <style> #content li { padding-bottom: 0.5em; } </style>
    bei Einstellungen-CSS einfügen.

    Im Test hat es funktioniert.
    Ist "#content" als Einschränkung auf den Inhaltsbereich richtig und ausreichend?
    Bin ich damit am richtigen Weg, oder muss ich unerwünschte Folgen auf andere Bereiche befürchten?

    Freundliche Grüße
    Walter
    Zeta Producer 14.3.3, 15.4.1 und 16.8.6.0 Express

  • Hallo Walter,

    grundsätzlich bist du da schon auf dem richtigen Weg :thumbup:

    Nur halt dabei beachten, das der so eingefügte Code "Projektweit" dann für alle im "#content-Bereich" eingefügte Aufzählungs- und Nummerierungspunkte gültig ist.

    Also z.B. dann auch im Widget "Artikelliste" so seine Wirkung im Inhaltsbereich zeigt.

    Gruß
    Jochen

  • Danke Jochen!


    Zusatzfrage:
    Die Auswirkung auf das Widget Artikelliste ist für mich OK, aber "li" wird z.B. auch im Widget Slider für die Sliederelemente verwendet und ich weiß nicht wo noch.
    Wie kann ich den CSS Eintrag so ergänzen, dass dieser nur auf das Text-Widget eingeschränkt wird?

    Freundliche Grüße
    Walter
    Zeta Producer 14.3.3, 15.4.1 und 16.8.6.0 Express

  • Guten Morgen Walter,

    wenn du das nur für das Text-Widget haben möchtest, dann sollte folgender Code funktionieren:

    <style> .zpwText li { padding-bottom: 0.5em; } </style>

    (Hab das aber eben nicht selbst überprüft, sollte aber eigentlich so gehen).

    Gruß
    Jochen

  • Guten Morgen Jochen,

    habe deinen Vorschlag übernommen und funktioniert sehr gut.

    DANKE!

    Freundliche Grüße
    Walter
    Zeta Producer 14.3.3, 15.4.1 und 16.8.6.0 Express

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!