1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Problem mit angrenzenden Selektoren

Dieses Thema im Forum "Design" wurde erstellt von mbhh, 18. Dezember 2019.

  1. mbhh

    mbhh Well-Known Member

    Registriert seit:
    7. März 2014
    Beiträge:
    91
    Zustimmungen:
    1
    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
     
  2. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    ohnen einen link zur seite ist es nur ein rätzelraten ;)
     
  3. mbhh

    mbhh Well-Known Member

    Registriert seit:
    7. März 2014
    Beiträge:
    91
    Zustimmungen:
    1
  4. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Entferne die Punkte bei den Klassennamen im HTML-Code, die gehören da nicht hin.

    Weiterhin steht derzeit kein p vor dem entspr. h3, sondern ein h1.
     
  5. mbhh

    mbhh Well-Known Member

    Registriert seit:
    7. März 2014
    Beiträge:
    91
    Zustimmungen:
    1
    Punkte sind weg. Es geht um die zweite h3. Die folgt auf p und sollte deshalb die 80px Abstand haben.
     
  6. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Versuche es mal mit
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    statt
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Generell hat das aber nichts mit WordPress zu tun, evtl. findest Du in einem HTML/CSS Forum bessere Hilfe für das Problem.
     
    mbhh gefällt das.
  7. mbhh

    mbhh Well-Known Member

    Registriert seit:
    7. März 2014
    Beiträge:
    91
    Zustimmungen:
    1
    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!
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden