Kopfgrafik in Producer Responsive

  • Hallo Zeta-Team,

    Ich nutze "Producer Responsive" in "ZP 12.1.0" und habe die Kopfgrafik auf eine Größe von 1000 x 430 Pixeln eingestellt.

    1. Kann man die Richtuns-Button der Kopfgrafik direkt neben die Kopfgrafik (wie bei Contemporary Responsive) positionieren?
    2. Mir gefallen diese Richtuns-Buttons rein optisch nicht. Gibt es eine Möglichkeit diese auszutauschen?
    3. Ich habe so wie hier beschrieben versucht die Farbzuweisung der Butten in der Kopfgrafik zu ändern. Funktioniert aber irgendwie nicht. Bleibt alles beim alten.

    http://www.zella.de/zeta/

    Gruß Mario

  • Hallo,

    Die Antwort zu 1. und 2. ist leider nein. Das kann momentan nicht im Layouteditor verändert werden.
    Zu 3.: Die von Ihnen verlinkte Beschreibung betraf ein anderes Layout und nicht die Buttons des Headers sondern die "Visualisierung" mit den Punkten.

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

  • Hallo,

    zu 1) hier eine Grafik zu tauschen ist nicht so einfach, da hier Sprites verwendet werden und Sie auch in die Template-Programmierung einsteigen müssten mit einem kopierten Layout, was dann auch keine Updates mehr von uns empfangen würde. Zu beschreiben, wie Sie da vorgehen müssten, sprengt den Rahmen unseres kostenlosen Forum-Supports.

    zu 3) das kann ich morgen für Sie herausfinden und Ihnen ggf. beschreiben.

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

  • Hallo,

    also beim Layout "Producer Responsive" können Sie die "Punkte" der Header-Visualisierung mit folgendem CSS ändern:

    Ich habe aber einen einfachen Workaround für Sie;

    • Klicken Sie im Menü Website auf "Erweitert > Attribute"
    • Stellen Sie sicher, dass unten links im Button "Attribute" die Option "Alle anzeigen" angehakt ist
    • Doppelklicken Sie nun in der Liste der Attribute unter "Standard" auf das Attribut "mobile_script"
    • Fügen Sie folgende Textzeilen ein und schließen Sie den Dialog dann mit Klick auf "OK"

    <style>
    .flex-control-paging li a{
    background: red !important;
    }

    .flex-control-paging li a.flex-active{
    background: yellow !important;
    }
    </style>

    Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

    "red" und "yellow" ersetzen Sie halt durch die gewünschte Farbe, welche natürlich auch einen rgba-Wert mit transparenz enthalten könnte wie z.B. "rgba(255,0,0,0.5)". Der zweite Eintrag, der ".flex-active" enthält, setzt die Farbe für den "Punkt", der das aktive (im Moment gezeigte) Bild markiert.

    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!