Home → Contao →

Verwendung: Centered Wrapper Backgroundvideo positionieren

• Edit

Michael

25 Feb, 2026 12:34 PM

Produkt: Oneo Contao
Contao-Version: 5.7
Browser und Browserversionen: alle

Hallo, ich habe ein Video als Background in einem Centered Wrapper Auf Seitengröße. Das funktioniert ganz gut. Ich möchte aber, dass das Video beim verkleinern des Fensters nicht mittig zentriert ist. Ich möchte dass der Himmel nach oben weggeht. Ist das möglich?

Vielen Dank
Gruss
Michael Wiegärtner

1. Support Staff 1 Posted by RockSolid Theme... on 26 Feb, 2026 09:40 AM

   

   Vielen Dank für Ihre Frage.

   Fügen Sie dafür bitte folgenden CSS-Code in die Datei files/oneo/css/custom.css ein:

   .centered-wrapper-background video {
       top: 100%;
       transform: translate(-50%, -100%);
   }
   

   • Edit

2. 2 Posted by Michael Wiegärt... on 27 Feb, 2026 12:24 PM

   

   Hallo,

   vielen Dank für die Antwort.

   Jetzt habe ich ein weiteres Problem. Ich habe die Featurebox Headlines mit
   anderen Farben versehen. Bis 600 px funktoniert das. Aber sobald 599 px
   umschaltet, sind alle Headlines weiß. Das liegt scheinbar daran, dass
   folgende Regel die Farbe auf weiß stellt:

    .-color-inverted .feature-box-text h3 {
     color: #ffffff;
   }
    

   Wenn ich die Farbe der Regel ändere, ändern sich beide Überschriften.

   Wenn ich aber im Inspektor die Regel deaktivieren erhalte ich das gewünschte
   Ergebnis.

   Wo oder wie kann ich diese Regel deaktiviern?

   Vielen Dank!

   • image001.png 404 KB
   • image002.png 474 KB
   • Edit

3. Support Staff 3 Posted by RockSolid Theme... on 02 Mar, 2026 04:08 PM

   

   Vielen Dank für Ihre Frage.

   Um die Farben komplett zu überschreiben können Sie folgenden CSS-Code verwenden:

   .feature-box-text.feature-box-text h1,
   .feature-box-text.feature-box-text h2 {
       color: #d05301;
   }
   
   .feature-box-text.feature-box-text .feature-box-subheadline {
       color: #4caf50;
   }
   

   • Edit

4. 4 Posted by Michael Wiegärt... on 02 Mar, 2026 05:11 PM

   

   Hallo,

   hat super funktioniert.

   Danke!!

   • Edit