Verwendung: Bild im Spaltenumschlag mit object-fit: cover?

Jens's Avatar

Jens

27 Jan, 2025 04:13 PM

Produkt: Custom Elements Contao

Hallo, ich nutze das Inhaltelement "Spaltenumschlag" in mehreren Templates (Tao, Oneo,...) Gibt es die Möglichkeit in einer Spalte das Element Bild mit object-fit: cover immer in 100% Höhe des Spaltensets anzuzeigen?

Hintergrund: Ich habe immer längeren Text der dann beim Kleinerschieben der Ansicht das Bild verkleinert.

Viele Grüße
JEns

  1. Support Staff 1 Posted by RockSolid Theme... on 28 Jan, 2025 09:13 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Um alle Spalten in einer Zeile auf dieselbe Höhe zu bringen können Sie ein Flexbox-Layout einsetzen. Z. B. mit folgendem CSS-Code:

    .rs-columns {
        display: flex;
        flex-wrap: wrap;
    }
    

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