Okay
  Public Ticket #2110257
Abstände zwischen Beiträgen
Closed

Comments

  • Jule started the conversation

    Hallo liebes Forum!

    Ich benutze das Theme "Kiore Moana" und mir sind die Abstände zwischen den Beiträgen zu groß. Wie kann ich die verändern? 

    Leider sind meine CSS Kenntnisse sehr basic! Vielleicht hat jemand einen Tipp?

    Viele Grüße,

    Jule.

  •  848
    Marc replied

    Hallo Jule,

    die meisten Browser bieten ein Werkzeug um den verwendeten CSS-Code zu analysieren. Mit einem Rechtsklick auf dem jeweiligen Element und der Wahl von "Element untersuchen", "Element-Informationen" o. Ä. öffnet sich dieses Werkzeug. Dort kannst du recherchieren welche CSS-Eigenschaften verwendet werden und wie sich das Element mit eigenem CSS-Code ansprechen lässt.

    Der folgende Beispiel-Code sollte die Abstände bereits verringern und kann als ergänzender CSS-Code eingesetzt werden:

    @media screen and (min-width: 767px) {
        .site-content .post,
        .site-content .type-attachment,
        .search-results .page {
            margin: 0 0 100px;
            padding: 0 0 80px;
        }
    }
    

    Bei Bedarf lassen sich die Werte 100 und 80 weiter reduzieren.

    Viele Grüße
    Marc

  • Jule replied

    Code klappt, danke dafür Marc! 

    An dieser Stelle hätte ich noch zwei kleine Fragen - ich würde gern die Verlinkung aus den Beitragstiteln (Schwerpunkte und Kontakt) entfernen. Geht das vielleicht auch ohne Code? Außerdem möchte ich das "Hinterlasse eine Antwort" unter dem Beitragsbild komplett entfernen! 

    Kannst du mir da noch einmal behilflich sein?

    Viele Grüße,

    Jule.

  •  848
    Marc replied

    Hallo Jule,

    ohne tiefere Code-Änderungen vorzunehmen hilft dir evtl. bereits der folgende ergänzende CSS-Code:

    .blog .entry-title {
        pointer-events: none;
    }

    Das "Hinterlasse eine Antwort" würde bei bestehenden Kommentaren deren Anzahl anzeigen und zu diesen verlinken. Wenn du auch darauf verzichten möchtest, könnte der folgende Code weiterhelfen:

    .entry-details .entry-comments {
        display: none;
    }
    

    Wenn du jedoch das Kommentieren auf den entsprechenden Seiten verhindern möchtest, kannst du dies beim Bearbeiten der Beiträge / Seiten jeweils deaktivieren. Beim Bearbeiten findest du rechts oben ein Menü (drei Punkte) → Optionen um dort die Diskussions-Einstellungen anzeigen zu lassen. Nun kannst du diese jeweils anpassen.

    Viele Grüße
    Marc

  • Jule replied

    Und wieder mal danke! Alle deine Tipps haben geholfen! :-)

    Viele Grüße,

    Jule.