Vorschaubild mittig platzieren

  • Hallo!

    Ich würde gern die Vorschaubilder meiner Beiträge mittig statt links platzieren. Wie kann ich das anpassen, im Stylesheet?

    Hier ein Beispiel wie es momentan aussieht:

    • 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

  • [FONT=Consolas]Hol dir ein Custom CSS Plugin, falls noch nicht vorhanden und schreib folgendes rein:[/FONT]

    Code
    [FONT=Consolas].standard-post-inner > a:first-child {[/FONT]
    [FONT=Consolas]text-align: center;[/FONT]
    [FONT=Consolas] display: block;[/FONT]
    [FONT=Consolas]}
    [/FONT]

    Nachtrag:
    Wenn du schon dabei bist, gleich noch das:

    Code
    .standard-post-inner > a:first-child img {
        max-width: 100%;
        height: auto;
    }

    Damit die Bilder bei Smartphones nicht über die Breite des Geräts hinausgehen.

    "Gewinnspiele, Gutscheinaktionen, Werbung, insbesondere kommerzielle, ist sowohl in Signaturen als auch Beiträgen ohne vorherige Genehmigung des Betreibers verboten. Bei Zuwiderhandlung behalten wir uns vor die Beiträge zu löschen und den entsprechenden User zu sperren." Auszug aus den WPDE.org Nutzungsbedingungen

    Einmal editiert, zuletzt von am3 (11. November 2016 um 14:44)

  • Evtl. reicht es beim Einfügen der Bilder einfach die Ausrichtung "Zentriert" auswählen.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Erstmal danke für eure Antworten.

    am3
    Kannst du da ein bestimmtes Plugin empfehlen?

    maxe
    Die Bilder lassen sich über den Editor leider nicht an eine bestimmte Stelle platzieren...

  • am3
    Kannst du da ein bestimmtes Plugin empfehlen?

    Nimm das:
    https://wordpress.org/plugins/simple-custom-css/

    "Gewinnspiele, Gutscheinaktionen, Werbung, insbesondere kommerzielle, ist sowohl in Signaturen als auch Beiträgen ohne vorherige Genehmigung des Betreibers verboten. Bei Zuwiderhandlung behalten wir uns vor die Beiträge zu löschen und den entsprechenden User zu sperren." Auszug aus den WPDE.org Nutzungsbedingungen

  • Ah, vielen Dank am3, endlich sind die Bilder mittig! :D

    Edit: Zu früh gefreut, in den einzelnen Posts werden die Vorschaubilder, nach wie vor, links angezeigt. Wie kann ich das ändern?

    Einmal editiert, zuletzt von Jolie (14. November 2016 um 14:21)

  • probiers mal so:


    .standard-post-inner > a:first-[FONT=Verdana]of-type[/FONT][FONT=Verdana] {[/FONT]
    text-align: center;
    display: block;
    }


    .standard-post-inner > a:first-of-type img {
    max-width: 100%;
    height: auto;
    }

    "Gewinnspiele, Gutscheinaktionen, Werbung, insbesondere kommerzielle, ist sowohl in Signaturen als auch Beiträgen ohne vorherige Genehmigung des Betreibers verboten. Bei Zuwiderhandlung behalten wir uns vor die Beiträge zu löschen und den entsprechenden User zu sperren." Auszug aus den WPDE.org Nutzungsbedingungen

  • Passt bei mir auch und sollte bei allen halbwegs modernen browsern auch passen ;)

    "Gewinnspiele, Gutscheinaktionen, Werbung, insbesondere kommerzielle, ist sowohl in Signaturen als auch Beiträgen ohne vorherige Genehmigung des Betreibers verboten. Bei Zuwiderhandlung behalten wir uns vor die Beiträge zu löschen und den entsprechenden User zu sperren." Auszug aus den WPDE.org Nutzungsbedingungen

Jetzt mitmachen!

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