Blog Bilder größer und zentriert

    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

    • Gerade eben
    • 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

    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

    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 ;-)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden