Abstand von Blöcken individuell ändern

    Liebe alle,
    Ich möchte nur auf einer Unterseite (https://www.numismatik-in-hannover.de/einblicke/links/lilo/) -etwas nach unten scrollen- den Abstand der Blöcke zueinander verändern. Wahrscheinlich muss ich im CSS der Seite in den Code eine Zwischenzeile schreiben, die den Abstand verändert.
    Habe die neuste Version von WP. Die Blöcke sind mit "Classic" erstellt.

    Kann jemand helfen und/oder gibt es eine andere Lösung?


    Statt: https://my.hidrive.com/lnk/J9iFip1c


    So: https://my.hidrive.com/lnk/mkCFCJWP

    Gruss und Dank
    Uli

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Man könnte sich mangels Klassennamen an den hardgecodeten Einzügen der Absätze orientieren, in etwa so:

    Code
    p[style*="padding-left: 40px;"] + p[style*="padding-left: 80px;"] {
    margin-top: -20px;
}


    Der Ansatz hier ist aber nicht wirklich die "feine englische Art" ...

    Eine Variante wäre ggf. die Nutzung einer Aufzählungsliste mit Unteraufzählungslisten o.ä. oder das manuelle Eingeben von Klassennamen im Editor.

    Mit WordPress an sich hat das aber eher nichts zu tun.

    Lieber b3317133
    Herzlichen Dank für die Antwort. Mit Einfügen der Zeile

    <p style="margin-top: -20px;" <="" p="">

    klappt es wunderbar und die beiden Blöcke sind nah untereinander angeordnet.

    Gruss
    Uli Werz

    Die Zeile sieht nach ziemlich defektem HTML aus. Gedacht war das Einfügen des Codes unter Design > Customizer > Zusätzliches CSS, beschränkt auf die gewünschte Seite sieht das dann z.B. so aus

    Code
    .page-id-2688 p[style*="padding-left: 40px;"] + p[style*="padding-left: 80px;"] {
    margin-top: -20px;
}


    Mit diesem CSS wäre keine Änderung im HTML im Editor nötig.

    Derzeit ist eingefügt als HTML im Editor direkt:

    Code
    <p style="margin-top: -20px;">
</p><p style="padding-left: 80px;">...


    Das erzeugt zusätzlichen Abstand durch den zusätzlichen Absatz. Korrekter wäre für diesen Ansatz z.B.

    Code
    <p style="padding-left: 80px; margin-top: -20px;">...


    Damit wäre dann kein extra Zusätzliches CSS nötig.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden