Nachträglich alle Bilder zentrieren

USa.

Hallo liebes Forum,

wieder mal eine Frage, bei der ich nicht weiter komme:

Ich möchte nachträglich alle Bilder in den Beiträgen meines Blogs zentrieren (ggf. auch nur die Bilder in der Einzelartikelanzeige) und komme in meiner Style-CSS nicht weiter.

Kann mir jemand weiterhelfen?

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

USa.

Ok, damit klappt es für den ganzen Blog:

#content .post .entry img { display: block; margin:10px auto 10px auto;}

Fehlt noch die Lösung für die Zentrierung nur der Einzelartikelanzeige.

USa.

Ich suche immer noch nach einer Lösung für die zentrierte Darstellung der Bilder nur in der Artikel-Einzelansicht (single.php).

Hat jemand einen Tip? Ich komme einfach nicht weiter...

USa.

Hat niemand einen Tip?

Tutrix

wenn alle Bilder in den Artikeln über

Code

alignnone

eingefügt sind, kannst du über phpMyAdmin mit dem replace-Befehl dies in

Code

aligncenter

ändern

der Befehl lautet

SQL

UPDATE wp_posts SET post_content = replace(post_content, '<img class="alignnone"', '<img class="aligncenter"');

in der style.css dann noch dies

Code

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

einfügen

vor dem Ausführen des Befehls, eine Sicherung der Datenbank machen

[COLOR=Red]Notlösung[/COLOR] wenn du dich nicht an die Datenbank traust, wäre dies

Code

img.alignnone {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

in die style.css einfügen
dann funktioniert natürlich [COLOR=Red]alignnone[/COLOR] nicht mehr

alchymyth

die einzelanzeige bei deinem theme ist in '#content.widecolumn' und das kannst du fuer die ausrichtung der bilder ausnutzen:

Code

.widecolumn .post .entry img { margin: 10px auto; float:none; display:block; }

das wirkt sich dann (leider) auch auf die bilder in den seiten aus.

USa.

Besten Dank! Das probiere ich aus. Melde mich, wenn ich ein Ergebnis habe.

Edit: Es hat funktioniert! Nochmals besten Dank!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Nachträglich alle Bilder zentrieren

Jetzt mitmachen!