Twenty fourteen – Abstände verkleinern

  • Gelöst BigLoop

    (@bigloop)


    vor 6 Jahren, 8 Monaten

    Hallo,
    ich möchte gerne den Abstand zwischen den Rasterbeiträgen und dem oberen Rand der darunterliegenden Seite verringern sowie die Abstand der Überschrift auf der Seite zum oberen Seitenrand.

    Beides nimmt mi nach meiner Ansicht zu viel Platz weg. Hat jemand einen Tipp, wie ich die Abstände verkleinern kann?

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Nikolai Graf-Rüssel

    (@grafruessel)

    vor 6 Jahren, 8 Monaten

    Da gibt es eine Höhe von 120px auf die Überschrift .grid .featured-content .entry-header
    Die hier würde ich auf 50px anpassen:
    @media screen and (min-width: 1008px)
    .grid .featured-content .entry-header {height: auto;}

    Dann gibt es eine min-height: 96px .featured-content .entry-header
    Das würde ich so anpassen:
    .featured-content .entry-header {min-height: auto;}

    Einfach irgendwo in den Customizer rein. Falls man nichts sieht hinter das ; ein !important.

    Hoffe das hilft.

    Gruß Nikolai

    Thread-Starter BigLoop

    (@bigloop)

    vor 6 Jahren, 8 Monaten

    Hallo Nicolai,
    vielen Dank für Deine Antwort. Mit diesem CSS klappt es wurderbar:

    /* Abstand oberer Rand der Seite zum Raster*/
    .grid .featured-content .entry-header {height: auto;}
    .featured-content .entry-header
    {min-height: auto;}

    /* Abstand Seitentitel zum oberen Rand der Seite*/
    .content-area {padding-top: 22px;}

Ansicht von 2 Antworten – 1 bis 2 (von insgesamt 2)
  • Das Thema „Twenty fourteen – Abstände verkleinern“ ist für neue Antworten geschlossen.