Clean Style Responsive - Hintergrundbild scrollt mit

  • Hallo Zusammen,

    ich teste grade das Layout "Clean Style Responsive". Passt gut auf die Anforderungen, nur das Hintergrundbild sollte stehen bleiben und nicht mit dem Inhalt mitscrollen.

    Im Layout-Designer ist eingestellt "Grafik nicht wiederholen" das hilft bei anderen Layouts.

    Ist eine SVG-Grafik. Der CSS-Trick mit "background-attachment:fixed" hilft auch nix.

    Bin ein wenig ratlos ?(

  • Code
    <style>
    body {
        background-attachment: fixed;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    </style>

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

  • Danke Herr T., das meinte ich mit CSS-Trick. Der funktioniert auch, wenn ich "background-attachment: fixed" im Inspektor manuell eintrage.

    Das Problem scheint eher, dass Einträge in "Einstellungen - CSS" nicht im Quellcode ankommen, egal wie das Projekt veröffentlicht wird.

    Haben Sie eine Idee?

  • Habe ich im Layout "Clean Style Responsive" gerade ausprobiert. Funktioniert einwandfrei. Die CSS-Angaben unter Einstellungen werden ja in einem Attribut "additional_css" gespeichert. Evtl. wird dieses Attribut in Ihrem Projekt auf Seitenebene überschrieben. Das bitte mal prüfen.

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

  • Liegt an meinem Projekt. Habe es mit einem neuen Projekt nachgestellt, da klappt "Clean Style Responsive" mit Ihrem Eintrag in "additional_css".

    Bei meinem Projekt wird "additional_css" korrekt geändert. "mobile_script" ist leer.

    Womöglich liegt es an der Historie: Das Projekt hatte davor das Layout "Flat Responsive".

    Oder wo kann man noch Attribute auf Seitenebene überschreiben?

  • Noch was gefunden: Bei dem Test mit einem neuen Projekt ist der Ordner "Layouts" leer. Bei meinem Problemprojekt ist da das Layout "Clean Style Responsive" drin.

  • Der Ordner "Layouts" spielt hierbei keine Rolle. Der wird angelegt sobald man in den Layout-Einstellungen eine Anpassung gemacht hat und dadurch eine sogenannte "Variante" gespeichert wird. Wie der Kollege schon sagt, lesen Sie sich mal in die hierarchischen Attribute ein. Ggf. überschreibt ein leeres Attribut auf Projektordner- oder Seiten-Ebene das globale Attribut "additional_css".

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

  • Bingo!

    Hatte die Projektordner-Attribute nicht auf dem Radar, da waren Reste drin vom Vorgänger-Layout :)

    Vielen Dank an die Zeta-Kollegen.

Jetzt mitmachen!

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