Posts auseinander dividieren / CSS (visuell) oder PHP (strukturell)?

  • Hallo liebe Foren-Gemeinde,

    zuerst mal weiß ich nicht, ob es sich hier um ein PHP-"Problem" oder ein reines CSS-Problem handelt. Ich bitte um Verzeihung, sollte sich das von mir gewählte Subforum als falsch herausstellen.

    Zuerst mal die Basisinfos:

    --Link zum Sorgenkind--
    Wordpress 3.6.1-5 Vanilla (keine Erweiterungen, Plug-Ins)
    Theme: Clean Minimal von ThemeLab


    Zu sehen sind zwei Posts, getrennt durch die Klasse spacer in einem "content"-Bereich der index.php. Header und Footer sind ebenfalls mit diesem Spacer getrennt.

    Was ich möchte ist, dass beide Posts so getrennt werden, dass es aussieht wie zwischen Header und Content, also mit dem Hintergrund zwischen den einzelnen Posts.

    Ich habe in der CSS, also rein visuell, ein bisschen rumexperimentiert, bin aber zu keinem zufriedenstellenden Ergebnis gekommen. Die Posts lassen sich innerhalb des Content-Bereiches zwar sichtbar trennen, aber leider sieht das dann nicht so aus, wie ich es mir eigentlich erhoffe. Jetzt frage ich mich, ob ich das ganze irgendwie mit der Anpassung des Loops erreichen kann/muss, sprich die Struktur der index.php ändern.

    Vielleicht stehe ich auch einfach nur auf dem Schlauch und habe in die falsche Richtung gedacht. Über jedwede Idee/Codeschnipsel würde ich mich freuen, egal ob es in die eine oder andere Richtung geht.

    Einmal editiert, zuletzt von sc0repi0 (25. Oktober 2013 um 01:47)

    • 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

  • Hallo,
    das wäre ein reines CSS-Problem.

    Probier's mal so:
    Gib dem eigentlichen "content" KEINEN Hintergrund, aber dann dem einzelnen Beitrag/"post" einen weißen, mit einem margin-bottom.
    Lass den "Spacer" einfach weg ... das ist sinnloser Code-Müll, den du mit margin lösen kannst.

    Gruß,
    Gsi

  • Hat wunderbar funktioniert, vielen Dank. Ich werde mich nochmal mit den Abständen in CSS auseinander setzen, da ist mir schlicht was entgangen, denke ich.

Jetzt mitmachen!

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