Verwendung: Bild responnsive in Cyrcle einbinden

Michi's Avatar

Michi

30 Sep, 2021 08:01 AM

Produkt: Oneo Contao
Contao-Version: 3.5.20

Hallo zusammen
Ich möchte gerne ein Bild an einem bestimmten Ort, zB im Cyrcle auf der Frontseite einbinden, so das es auch responsive dargestellt wird, also auf dem Handy dan entsprechend im kleineren Layout daher kommt. Wie muss ich das am besten machen ?
Das Bild wäre zB: https://www.ballonexpress.ch/files/ballonexpress/twint/TWINT.jpg

Vielen Dank und Grüsse
Michi

  1. Support Staff 1 Posted by RockSolid Theme... on 01 Oct, 2021 09:09 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Die dargestellte Größe des Bildes lässt sich am besten via CSS steuern. Vergeben Sie dem Bild-Inhalts-Element z. B. die CSS-Klasse mobile-small-image und fügen folgenden CSS-Code in die Datei files/oneo/css/custom.css ein:

    @media (max-width: 599px) {
        .mobile-small-image {
            width: 50%;
        }
    }
    

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