Home → Contao →

Fehler: Fading_boxes Bilder proportional

• Edit

Jörg

22 Mar, 2023 07:41 AM

Produkt: Oneo Contao

Guten Tag,
wir haben das Problem, dass beim skalieren der Fading Boxes im Modul "Animierte Boxen" die Bilder ab einer gewissen Größe unterschiedlich lang werden. Wir haben schon versucht, den Headline Text zu verkleinern:

.fading-boxes-item-image::after { font-size: 1.4em; } doch führt das noch nicht zum gewünschten Ergebnis. Ich denke es liegt an der Länge der Überschrift. Kann man es so einstellen, dass der Springpunkt zu Tablet-Spalten früher gesetzt wird, ohne das gesamte Layout zu verändern?

Danke für Support

1. Support Staff 1 Posted by RockSolid Theme... on 22 Mar, 2023 09:39 AM

   

   Vielen Dank für Ihre Frage.

   Damit alle Boxen dieselbe Höhe bekommen, können Sie folgenden CSS-Code in die Datei files/oneo/css/custom.css einfügen:

   .fading-boxes {
       display: flex;
       flex-wrap: wrap;
   }
   .fading-boxes-item-image {
       height: calc(100% - 1.33333em);
       background-position: 50% 50%;
   }
   .fading-boxes-item-text {
       height: 100%;
   }
   

   Kann man es so einstellen, dass der Springpunkt zu Tablet-Spalten früher gesetzt wird, ohne das gesamte Layout zu verändern?

   Der Tablet-Breakpoint gilt für das gesamte Layout und lässt sich für einzelne Elemente nicht ohne Anpassungen umstellen.

   Damit wir Ihnen zielgerichteter weiterhelfen können, schicken Sie uns bitte einen Link zur betroffenen Seite.

   • Edit

2. 2 Posted by Jörg on 22 Mar, 2023 05:29 PM

   

   Das hat gepasst. Herzlichen Dank.

   • Edit