Hintergrundbild auf der HP auf speziellen Seiten nicht zeigen oder ein anderes

  • Moin :)

    Hat jemand ne Idee, wie man das umsetzen kann?

    Habe im Layout ein Hintergrundbild, welches mich aber auf bestimmten Unterseiten stört.

    Kann ich das irgendwie mit einem CSS Befehl umsetzen? → Ja, der Holli hat keine Ahnung von CSS

    VLG

    Holger

    VG

    Holger :)

    Stand 01.07.2026

    17.2.2 Business

  • Hallo Mario :)

    Layout: Square Responsive

    Layout vorhanden: Ja

    Variante: campfire

    VG

    Holger :)

    Stand 01.07.2026

    17.2.2 Business

  • Es gibt es in diesem Layout die Optionen "Hintergrundbild (Grafik Außen) und (Grafik Innen)". Ich gehe mal davon aus das es Hier um die Option "Hintergrundbild (Grafik Außen)" geht.

    Zuerst mal finde ich das Hintergrundbild in diesem Layout nicht richtig Responsive. Das würde ich so anpassen.

    Einstellungen > CSS

    CSS
    <style>
    body {
    background-position:center;
    background-attachment:fixed;
    background-size:cover;
    }
    </style>


    Um das Bild auf einer Seite Auszublenden öffne die "Seiteneigenschaften" der betroffenen Seite.

    • Zahnrad > Eigenschaften, hier auf den Reiter Attribute
    • Gib in des Suchfeld mobile_script ein und öffne dieses Attribut
    • Hier gibst du untenstehenden Code ein.
    • Auch HIER beschrieben.
    CSS
    <style>
    body {
    background-image:none;
    }
    </style>


    Um ein anderes Bild auf einer Seite einzubinden.

    • Öffne de Bildverwaltung in ZP.
    • Importiere das Bild, gehe anschließend mit der Maus über das Bild > Zahnrad > Mehr > Objekt-ID kopieren
    • Öffne wie oben beschrieben das Attribut mobile_script in den "Seiteneigenschaften" der betroffenen Seite.
    • Füge untenstehnden Code ein und ersetze oid://image/deinbild mit der kopierten Objekt-ID des Bildes.
    CSS
    <style>
    body {
    background-image: url("oid://image/deinbild");
    }
    </style>
  • WOW ....

    Ich bin zwar gerade sehr müde .... ABER DANKE MARIO!

    Ich werde das morgen gleich testen und Dir berichten!

    TAUSEND DANK!

    Holger

    VG

    Holger :)

    Stand 01.07.2026

    17.2.2 Business

  • Zuerst mal finde ich das Hintergrundbild in diesem Layout nicht richtig Responsive. Das würde ich so anpassen.

    Einstellungen > CSS
    CSS <style> body { background-position:center; background-attachment:fixed; background-size:cover; } </style>

    Bei sehr langen Seiten, wird das Hintergrundbild so aber extrem aufgeblasen und das wird in den meisten Fällen gräßlich aussehen. Also bitte hinterher nicht beschweren, wenn das nicht so gut aussieht und bitte erinnern Sie sich auch daran, wenn Sie derartigen Code einsetzen.

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

  • Bei sehr langen Seiten, wird das Hintergrundbild so aber extrem aufgeblasen und das wird in den meisten Fällen gräßlich aussehen. Also bitte hinterher nicht beschweren, wenn das nicht so gut aussieht und bitte erinnern Sie sich auch daran, wenn Sie derartigen Code einsetzen.

    Sicher? Das Bild ist doch fixiert und sollte sich somit dem Bildschirm und nicht dem Inhalt anpassen.


    Aber Grundsätzlich hat Stefan natürlich recht. Am Smartphone Hochkant wird das ganz anders aussehen als im Querformat. Also immer vorher testen.

    Am besten zusätzlich zu deiner Notiz dem CSS noch einen Kommentar hinzufügen.

    CSS
    <style>
    /* HINTERGRUNDBILD ZENTRIERT / FIXIERT / AN BILDSCHIRM ANPASSEN (Einzoomen und Ränder abschneiden) */
    body {
    background-position:center;
    background-attachment:fixed;
    background-size:cover;
    }
    </style>

Jetzt mitmachen!

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