Blog Bilder größer und zentriert

mteepee

Hallo,

ich habe auf der Startseite meines blogs ein Featured Picture und dann drunter Bilder, die ich im Blogbeitrag einbunden habe. Siehe hierzu: https://marcobutz.de und hier genau der aktuellste Blogbeitrag mit den Sonnenblumen.

Problem: Das Featured Picture ist groß - so soll es sein. Die im Blogbeitrag eingebundenen Bilder sind klein. Ich möchte das per CSS korrigieren. Ich habe die Stelle identifiziert, mit der ich die Bilder größer gezogen bekomme. Leider sind die dann nicht mehr zentral in der Mitte (vertikal), sondern nach rechts aus dem Browserfenster raus...

Die Stelle lautet:

.wp-block-image img {
max-width: 100%;
}

Wie muss ich das erweitern, dass das Bild bei ca. 300% dann einfach in der Mitte ist?
Die Änderung ist nicht mehr Teil des Supports, sodass ich hier keine Antwort bekomme.

Danke und Grüße
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

Henk1060

hy,
das bild wird im content ausgeben.
dieser ist bei dir auf max. 580px eingestellt.

evtl. in einstellungen des themes ändern

Code

.entry-header, .entry-content, .entry-meta {
    max-width: 580px;
    margin: 0 auto;
}

ps: verkleinere etwas die bilder.
die startseite ladet über 33mb

mteepee

Dankeschön. Das hat funktioniert.
Das mit der Breite passt schon. Danke!
LG Marco

SEpp55

Das Problem ist vorerst NICHT die Bildgröße, die angezeigt wird,sondern die Bildgröße die geladen werden muß!!!!
Das sind Jumbos, aber wirklich enorme. Ich verstehe, dass ein Fotoblog nicht pixelig daherkommen soll, aber bei einer Ladezeit von über 40 Sekunden bin ich 2x ausgestiegen, da ich es nicht erwartet habe, dass da noch etwas kommt!
Die Bilder sind 2000px breit und der Header gibt max. 1350px her, was ja auch genug ist! Alleine das kostet bei der Menge an Bildern unnötige Ladezeit!
Zu deinem Problem, mit der kleinen Anzeige - wp-block-image - da hilft 300% nichts, weil im Blogbeitrag der .entry-content max-width auf 580px voreingestellt ist.
In den Zusätzlichen CSS kannst du das anpassen. Auch in den Media-Queries. Dabei solltest du ggf die Seitenabstände von den .entry-thumbnail übernehmen.

Henk 1060 war schneller ;-)

SuMu

mir dauert es auch viel zu lang, bis ich was sehe .... das ist zu lange!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Blog Bilder größer und zentriert

Jetzt mitmachen!