Home → Contao →

Verwendung: Globales, seitenweites Hintergrundbild

• Edit

Thomas Soeffing

11 Sep, 2024 11:23 AM

Produkt: Oneo Contao
Contao-Version: 5.3
Browser und Browserversionen: aktueller Chrome, aktueller Firefox etc.

Sehr geehrte Damen und Herren,

ich richte gerade für den Campus von Frau Lange (Naturalkids®) den neuen Campus mit Oneo als Theme ein. Unter Anderem ist dabei gewünscht, ein globales Hintergrund-Bild über alle Seiten - also quasi auf body-Ebene - zu verwenden. Dies wird aber nicht dargestellt (bzw. nur links und rechts unter Verwendung von Boxed, was aber nicht verwendet werden soll), da diverse Hintergrund-Farbinformationen an diversen Stellen es überdecken.

Wie sähe der "Gott gewollte" weg aus, ein globales Hintergrundbild "durchscheinen" zu lassen, AUSSER wenn man Elemente/Module etc. explizit vollfarbig haben möchte? Ich frage liebere, bevor ich das ganze CSS auseinander pflücke, was ja nicht im Sinne des Erfinders ist...

Liebe Grüße
Thomas Soeffing

1. Support Staff 1 Posted by RockSolid Theme... on 12 Sep, 2024 06:43 AM

   

   Vielen Dank für Ihre Frage.

   Um ein Hintergrundbild durchscheinen zu lassen, können Sie z. B. folgenden CSS-Code in die Datei files/oneo/css/custom.css einfügen:

   .page {
       background-image: url("PFAD/ZU/BILD.png");
   }
   .tagline + .content-wrapper {
       background-color: transparent
   }
   

   Ersetzen Sie dabei PFAD/ZU/BILD.png mit dem Pfad zur gewünschten Bild-Datei die als Hintergrund verwendet werden soll.

   • Edit