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

WP 5.1 Zeilenabstand Seitenüberschrift /erste Beitragszeile ändern

Dieses Thema im Forum "Design" wurde erstellt von meteofrog, 16. Juli 2019.

Schlagworte:
  1. meteofrog

    meteofrog Well-Known Member

    Registriert seit:
    26. Juni 2013
    Beiträge:
    55
    Zustimmungen:
    0
    Hallo Experten,

    auch nach der Suche im Forum bin ich leider zur Lösung dieser Aufgabenstellung nicht schlauer geworden.

    Bitte um eure Unterstützung:
    Wie lässt sich der Zeilenabstand zwischen der Seitenüberschrift und der ersten Beitragszeile verändern? Dies nur für eine einzelne Seite; präferenzierend über den CSS Customizer.

    Verwendetes Theme: Twenty Twelve

    Danke für eure Hilfe!

    LG
     
  2. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    1.512
    Zustimmungen:
    159
    Z.B.: für die Startseite:

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Das ganze im Dashboard unter Design - Customizer in die Zusätzlichen CSS einfügen!
    Der Wert ist nach deinen Vorstellungen veränderbar. Sollte es für einen anderen Beitrag oder eine Seite sein mußt du die ID im Selektor anpassen.
     
  3. meteofrog

    meteofrog Well-Known Member

    Registriert seit:
    26. Juni 2013
    Beiträge:
    55
    Zustimmungen:
    0
    Danke für die rasche Antwort.
    Habe den Wert auf 0.1 rem eingestellt, doch der Abstand ist immer noch sehr groß. Irgendetwas funktioniert noch nicht ganz.

    Hier die Beispielseite zum Veranschaulichen.
     
  4. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    1.512
    Zustimmungen:
    159
    Ok, versuche mal das ;)

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  5. meteofrog

    meteofrog Well-Known Member

    Registriert seit:
    26. Juni 2013
    Beiträge:
    55
    Zustimmungen:
    0
    leider ohne Erfolg. :(
     
  6. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    5.700
    Zustimmungen:
    488
    Der aktuell sichtbare Abstand kommt von
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    meteonex.png

    Lies mal etwas zum Thema CSS und Browser Inspector (google) nach, dazu gibt es auch YouTube Videos, dann kannst Du das alles selbst sehen.
     
  7. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    1.512
    Zustimmungen:
    159
    Der hatte zuvor 0.1rem im Post #3
     
  8. meteofrog

    meteofrog Well-Known Member

    Registriert seit:
    26. Juni 2013
    Beiträge:
    55
    Zustimmungen:
    0
    Danke für den Hinweis, doch warum löste folgender Code mit 0.1rem nicht das Problem?

    #post-14 .entry-header {
    margin-bottom: 0.1rem;
    }
     
  9. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    1.512
    Zustimmungen:
    159
    Weil die untere Zeile ein line-height: 1.714285714rem; hat!
    Beide zusammen werden das lösen!

    Den margin-bottom kannst du auch auf 0 stellen;)
     
  10. meteofrog

    meteofrog Well-Known Member

    Registriert seit:
    26. Juni 2013
    Beiträge:
    55
    Zustimmungen:
    0
    Verwirrung total :eek:
    Wie muss nun der Code aussehen?:confused:
     
  11. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    1.512
    Zustimmungen:
    159
    Wenn du nun
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    hast du die beiden Zeilen direkt untereinander!
    Im Bild von @b3317133 siehst du den gelben Balken das ist margin-bottom mit 1.714285714rem und die 2te Zeile hat ein line-height von 1.714285714rem.
    Beides zusammen ergeben den Abstand. Sind aber je nach gefallen gesondert bzw unabhängig von einander verwendbar ;)
     
  12. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    1.512
    Zustimmungen:
    159
    Wenn du nun
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    dazu nimmst,
    hast du die beiden Zeilen direkt untereinander!
    Im Bild von @b3317133 siehst du den gelben Balken das ist margin-bottom mit 1.714285714rem und die 2te Zeile hat ein line-height von 1.714285714rem.
    Beides zusammen ergeben den Abstand. Sind aber je nach gefallen gesondert bzw. unabhängig voneinander verwendbar.
    Oder ein Bild sagt mehr .....
    upload_2019-7-16_16-6-51.png
     
  13. meteofrog

    meteofrog Well-Known Member

    Registriert seit:
    26. Juni 2013
    Beiträge:
    55
    Zustimmungen:
    0
    Danke schön! Jetzt funktioniert es! :)
     
  14. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    1.512
    Zustimmungen:
    159
    Ich war soeben dabei ein Kurzvideo zu machen ;) - ähnlich hier LINK!
     
  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