Media-Elemente

Bild

Wenn keine weiteren Einstellungen am Bild vorgenommen werden, wird ein Bild immer zentriert dargestellt. Dies ist auf kleinen Bildschirmen häufig die bessere Wahl. Um Bilder links oder rechts auszurichten, gibt es die zusätzlichen Klassen .image--left bzw. .image--right.

Portfolio-Element

Das Portfolio-Element ist ein Bild-Element, das durch die Klassen .portfolio und .portfolio--hover ergänzt wird.

Projekt SOLO Theme
Projekt mit .portfolio
Projekt SOLO Theme
Projekt mit .portfolio .portfolio--hover

Video / Audio - Audio

Video / Audio - Video

Youtube

Info:

Seit Contao 4 werden Youtube Videos nicht länger über mediaelement.js geladen. Stattdessen werden sie über <iframe> eingebettet. Damit diese responsiv dargestellt werden können, verwendet das Nutshell Framework den Container .ce_youtube zur Höhenberechnung. Damit die Höhe korrekt berechnet wird, sollten im Youtube-Element keine Überschriften verwendet werden.