Home → Contao →

Verwendung: Boxen Anordnung Bild

• Edit

Heike

25 Feb, 2021 01:23 PM

Produkt: Oneo Contao

Liebes Team,
Ich hab in oneo Boxen verwendet ( 2 Boxen nebeneinander )
In der Box befindet sich oben immer ein Bild und darunter zwei Zeilen Text.

Da die Bilder unterschiedlich hoch sind, mal 200px mal 270px sind die
Textzeilen der beiden Boxen nicht auf einer Linie..
Bei den Bildern handelt es sich um freigestellte png‘s.

Wie erreiche ich, dass bei den Bildern immer die UNTERE Bildkante auf
einer Linie ist und nicht wie jetzt die obere?

Vielen Dank vorab!

Mit freundlichen Grüßen

Heike

1. Support Staff 1 Posted by RockSolid Theme... on 25 Feb, 2021 02:58 PM

   

   Vielen Dank für Ihre Frage.

   Für diesen Anwendungsfall können Sie z. B. folgenden CSS-Code in die Datei files/oneo/css/custom.css einfügen:

   .teaser-boxes-image {
       position: relative;
       padding-bottom: 120%;
   }
   .teaser-boxes-image img {
       position: absolute;
       bottom: 0;
       left: 0;
       width: 100%;
   }
   

   Ersetzen Sie dabei 120% mit der gewünschten Proportion der Höhe im Vergleich zur Breite der Box.

   • Edit