Blogpost Featured Image kleiner

mteepee

Hallo,
gibt es eine Möglichkeit, das Bild des Featured Images eines jeden Blogposts so zu ändern, dass es so groß wie die folgenden Bilder ist? Das Bild ist zu groß, wenn man Bilder im Hochformat verwendet, wie ich es tue.
Kann mir jemand beim CSS helfen?

Wenn ich das Featured Image mit bspw. max-width: 50%; kleiner ziehe, ist es nicht mehr inline mit den folgenden Bildern. Die folgenden Bilder ist eine 1 spaltige Galerie. Die orientiert sich einfach an der Breite des Blogs selbst. Und ist somit auch voll responsive.
Das Featured Image will ich genauso breit haben.

https://marcobutz.de/kurzurlaub-in-heidelberg/

Danke für eure Hilfe.
Best
Marco

Werbepost

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

threadi

Ergänze das per Custom CSS:

Code

body .is-layout-flow > * + * {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}

mteepee

Zitat von threadi

Ergänze das per Custom CSS:

Hi @threadi danke! Funktioniert nun für den Blogbeitrag, aber nicht für den Blog (also Startseite). Ich habe es mal eingebaut. Kannst ja mal schauen auf https://marcobutz.de
Jetzt ist der erste Blogbeitrag groß, die restlichen dann klein

Was kann ich machen?

threadi

Leere mal deinen Browsercache. Bei mir sind die Bilder dort alle identisch groß.

mteepee

Jepp, hab ich gemacht. Ich meine auch die Startseite, nicht den Blogbeitrag.
Da sollten nun auch alle Blogbeiträge untereinander die gleiche Göße haben...
Also hier:

mteepee · Bildschirmfoto 2023-02-28 um 21.13.27.webp

Jetzt mit Anhang

mteepee

wirkt sich global aus, auch somit auf die Archiv Seite. Müsste wohl ne andere Klasse sein - die für die Blogbeiträge?

threadi

Jetzt hab ichs auch gesehen. Ändere den CSS-Code mal:

Code

body:not(.home) .is-layout-flow > * + * {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}

Dann wirkt er nicht auf der Startseite.

mteepee

Geht, dann muss ich aber auch Archiv, Kontakt, Datenschutz und Impressum ausschließen. Geht es auch andersrum: Soll nur auf Blogseite wirken?

threadi

Klar.

Code

body.single-post .is-layout-flow > * + * {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}

Dann wirkt das nur auf Blog-Detailseiten.

mteepee

Dä bescht! Super. Vielen lieben Dank. Funktioniert, Boarding completed. Danke vielmals
Grüße
Marco

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Blogpost Featured Image kleiner

Jetzt mitmachen!