Beschriftung Kopfgrafik Flat Responsive ausrichten

    Ich bin gerade am aktualisieren einer Seite und möchte in der Kopfgrafik den Bildnachweis mitführen. Dazu müsste ich diesen links unten hinrücken. Über den Inspector kann ich es einrücken, ich weiß aber nicht wie ich es im CSS definiere bzw. wie ich es mit einer Klasse anpassen kann. Kann mir hier bitte jemand helfen? Sinnvoll wäre hier eine eine generelle Platzierung des Textes nach links unten. Mittig hat das Bild gar keine richtige Wirkung mehr - finde ich. Vielen lieben Dank für die Hilfe im Voraus.

    Da sollten wir zumindest wissen, welche ZP-Version und welches Layout Sie nutzen und die URL der Seite mit dem bisherigen Header kennen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Hallo,

    um in allen Kopfgrafiken den Text unten im Bild und linksbündig auszurichten, könnte folgendes CSS helfen:

    CSS
    <style>
#slider .flex-caption{
    top: auto;
    bottom: 10px;
    text-align: left;
    transform: translate(-50%,0);
}
</style>

    Um das auf Header mit einer bestimmten Klasse einzuschränken, den Header zum Bearbeiten öffnen, auf das "Mischpult"-Icon klicken, auf "Mehr" klicken und dann in das Feld "CSS-Klasse" folgendes eingeben: bildnachweis

    CSS
    <style>
#slider .bildnachweis .flex-caption{
    top: auto;
    bottom: 10px;
    text-align: left;
    transform: translate(-50%,0);
}
</style>

    Alternativ schlage ich vor, statt einem Header/Kopfgrafik das Widget "Slider" zu Nutzen, das bietet hier einige Einstellungen für die Textposition.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden