Verwendung: Boxen Anordnung Bild

Heike's Avatar

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

    RockSolid Themes's Avatar

    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.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac