Flat Responsive - Footer - Hintergrundbild im Container nicht randlos

    Projekt mit Layout Flat Responsive, Zeta Producer 14.1.0.0 Business

    Hallo Zusammen,

    ich habe im Footer einer Seite einen neuen Container definiert mit Hintergrundbild, damit es erst unterhalb des Suchfeldes erscheint.

    Das Bild wird wie im Flat Responsive vorgesehen randlos dargestellt, so wie auch im Inhaltsbereich. Kein Thema.
    Das Problem im Footer zeigt sich erst bei schmalen Viewports: Unterhalb 480px Breite, also entsprechend media (max-width: 480px)

    Da hat das Hintegrundbild plötzlich einen Rand, denselben wie der Inhaltsbereich.

    Ich habe mir jetzt mit einer Korrektur im Inline-CSS des Container beholfen: margin-left: -9vw; margin-right: -9vw;
    Hat jemand eine elegantere Idee? Den Trick im Inline-CSS müsste ich in > 30 Seiten "zu Fuß" umsetzen, weil es nicht mitkopiert. Ganz blöd bei Änderungen ...
    Ich hoffe, ich habe das Problem nachvollziehbar dargestellt.

    Viele Grüße, Jochen

    Folgendes CSS sollte Abhilfe schaffen, bis wir das im Layout korrigiert haben.

    • Klicken Sie im Menü Website auf "Einstellungen"
    • Klicken Sie auf CSS
    • Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"
    CSS
    <style>
  #banner, #afterfooter{padding: 0;}
</style>

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

    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