Inhalt Text-Widget zentrieren

    Liebes Forumsmitglied,
    ich bin noch ganz neun in der WP-Welt.
    Ich habe http://www.stroossnkuch.it erstellt. Auf der Homepage im Footer Mitte möchte ich eine Empfehlung einblenden. Ich habe ein Google-Doc-Dokument im einfachen Text-Widget eingebettet. Wie schaffe ich es, dass die Inhalte zentriert angezeigt werden (am besten in allen browsern)?
    Wer kann mir da einen Tipp geben?
    Mit Gruß aus Südtirol
    heka

    • 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

    Warum bindest Du denn ein iFrame ein? Das ist überflüssig, da Du im Textwidget problemlos HTML verwenden kannst. Sprich, dort kannst Du sowohl normalen Text, als auch das Bild via HTML Code einbinden. Dann lässt sich sowas auch problemlos per CSS ausrichten.

    Hallo infected!

    Weil leider dann nichts angezeigt wird. Code: siehe Bild.
    Auch weiß ich als blutiger Anfänger nicht, wie den align-Befehl platzieren, noch wie per CSS ausrichten.

    Bitte um Hilfestellung der einfachsten Art, step by step.

    Grüße und Dank: heka

    das was auf dem Bild zu sehen ist, ist ein leerer Link :wink: deshalb siehst du auch nix

    Code
    pub"></a>

    da fehlt der Inhalt / Titel des Links

    also

    Code
    pub">Mein Link</a>

    Ich meinte das eigentlich so (bezogen auf´s Standardtheme TwentyTwelve)

    Code im Widget:

    Code
    <img src="https://docs.google.com/document/d/1xVjOsEl0ReqVXJgCxoas8nbXeeaZqhWZ95OQe7JoEWY/pubimage?id=1xVjOsEl0ReqVXJgCxoas8nbXeeaZqhWZ95OQe7JoEWY&image_id=17Le04E6H8lI3SrW_gn-NoDfxGum1k22Mjz5YTA" alt="Bild" /><br /><span class="widgetempfehlung-autor">Bild von XYZ</span>
<p>Konzentrierter Geschmack durch hochwertige Kartoffeln aus BIOanbau</p>

    CSS Code um Text zu zentrieren (grüne Zeile hinzufügen):

    Code
    .widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
    font-size: 0.928571rem;
    line-height: 1.84615;
    [COLOR="#008000"]text-align: center;[/COLOR]
}

    CSS Code für den Foto-Credit:

    Code
    .widgetempfehlung-autor {font-size: 10px; color: grey;}

    Würde dann im Standardtheme so aussehen:

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden