Problem mit angrenzenden Selektoren

  • Guten Morgen zusammen,

    habe ein kleines Problem mit Abständen. Es geht darum, dass eine h2-Headline 50px Abstand nach oben haben soll, wenn sie direkt auf einen p-Absatz folgt. Sonst kein Abstand.

    Ich versuche, das so umzusetzen:

    .entry-content p + .single .entry-content h2 {
    margin-top: 50px!important;
    }

    Leider spricht der Selektor nicht an.

    Ein vergleichbarer Selektor, bei dem .wpcf7 allerdings ein div ist, funktioniert:

    .entry-content p + .wpcf7 {
    margin-top: 50px!important;
    }

    Klappt das mit der h2-Headline nicht so, wie ich es mir vorstelle? Oder ist da noch ein Fehler drin?

    Danke.

    Gruß
    Michael

    • 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

  • Versuche es mal mit

    Code
    .single .entry-content p + h3 {margin-top:80px;}


    statt

    Code
    p + .single .entry-content h3 {margin-top:80px;}


    Generell hat das aber nichts mit WordPress zu tun, evtl. findest Du in einem HTML/CSS Forum bessere Hilfe für das Problem.

  • Perfekt, das ist die Lösung. Eigentlich ganz logisch, aber auf das Naheliegende kommt man manchmal erst mit Unterstützung von außen.

    Vielen Dank!

Jetzt mitmachen!

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