Header - vertikale Text Position - zentriert auf unten änderbar?

  • Hallo!

    Ist es im neuen ZP14 Layout "Flat Responsive" möglich die vertikale Textposition im Header von zentriert auf unten zu ändern?
    Die horizontale Ausrichtung ist über Layout einstellbar.


    Was soll bzw. kann ich unter "mehr - Einstellungen" bei Inline-CSS oder CSS-Klasse eintragen, damit die Änderung nur einen bestimmten Header betrifft?

    CSS-Klasse ist: .flex-caption
    Ist diese CSS-Klasse nur für den Text im Header verwendet?


    Mir fehlen noch Grundkenntnisse, aber lerne mit jedem Schritt dazu.

    Ergänzung 2017-05-21 12:27:
    Mein laienhafter Versuch ".flex-caption {position: absolute; bottom: 0;}" in das Feld Inline-CSS einzutragen brachte mit und ohne "style" keinen Erfolg.


    Ich möchte nur die Textposition im Bild nach unten verlagern.

    Freundliche Grüße
    Walter
    Zeta Producer 14.3.3, 15.4.1 und 16.8.6.0 Express

    Einmal editiert, zuletzt von Walter (21. Mai 2017 um 12:40)

  • Sehr geehrter Herr T.,

    wenn ich das bei
    --> Einstellungen --> CSS
    so eintrage funktioniert die Positionsänderung nach unten, wirkt allerdings für alle Header (habe unterschiedliche Header für Teilbereiche).

    Was müsste der Eintrag bei Inline-CSS sein, damit es nur den bestimmten Header ändert und nicht das ganze Projekt betrifft?

    Freundliche Grüße
    Walter
    Zeta Producer 14.3.3, 15.4.1 und 16.8.6.0 Express

  • Hallo,

    da geben Sie bei CSS-Klasse zum Beispiel "myHeader1" (ohne Anführungszeichen) ein. Unter Einstellungen --> css dann noch folgendes:

    Code
    <style>
    #slider .myHeader1 .flex-caption {
        top: auto;
        bottom: 0;
    }
    </style>

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • Sehr geehrter Herr T.,

    besten Dank für die perfekt funktionierende Hilfe!

    Freundliche Grüße
    Walter
    Zeta Producer 14.3.3, 15.4.1 und 16.8.6.0 Express

Jetzt mitmachen!

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