Kategorie-Blog mit Einleitungsbild

Hallo,

auf dieser Seite www.deutsche-mugge.de/interviews.html
haben die Beiträge ein Einleitungsbild. Soweit so gut.
Wenn nun das Bild allerdings links steht und daneben der Text, dann sieht das nicht wirklich schön aus
Wie bekomme ich da einen Abstand zwischen Bild und Text hin?

Anmerkung: Wenn ich auf protostar wechsle, dann sieht es toll aus ... will ich aber nicht

Danke vorab.

Protostar hat dasselbe Problem. Nur siehst dus da nicht weil der Artikel keinen Rahmen hat

Das Problem ist wegen dem gefloateten Bild. Die Spezifikation verhält sich da nicht sonderlich intuitiv.
Du kannst entweder bei einem Element den float clearen, dann rutscht dieses Element auf die Zeile unter das Bild und der Rahmen wird entsprechend grösser. Also zB

.pagebreak {
clear: both;
}

Das sieht aber unter Umständen auch nicht toll aus.
Alternativ kannst du auch die Höhe des Artikels fixieren. Zum Beispiel:

.items-leading > div, .items-row .item {
height: 350px;
}

Und das kann ich auch einfach in die custom.css eintragen?
Habe es gerade lokal mal so getestet - keine Änderung
(Templates-Stil gespeichert: Ja)

Ja, das sollte gehen.

Thomas Hunziker schrieb: Ja, das sollte gehen.

Stimmt, das Problem saß vor dem Rechner

Aber es hat nicht das Gewünschte gebracht. Da ich solch Änderungen immer erst lokal teste, kann ich jetzt leider nur einen Screnshot zeigen:

Und die Startseite geht nun nach unten über den Footer drüber hinaus

Bei mir sahs ganz ordentlich aus als ichs in den Development Tools eingab. Allenfalls musst du noch etwas rumspielen aber grundsätzlich sind das die beiden Varianten welche ich als Lösung sehen würde.

Oder du machst den Rahmen weg, dann sieht mans auch nicht mehr