Möglicherweise ist der Ordner in der Dateiverwaltung nicht auf Öffentlich gestellt. Du kannst das prüfen, indem du
den entsprechenden Ordner bearbeitest. Das Häkchen bei Öffentlich muss gesetzt sein, ansonsten wird das Bild nicht
im Frontend angezeigt.
Dazu muss im Theme jQuery und das jQuery-Template j_colorbox geladen werden. Das Layout kann im Backend unter Themes
und über das drittletzte Icon Seitenlayouts des Theme ID 1 bearbeiten bearbeitet werden.
Bei animierten GIFs darf bei den Bildeinstellungen keine Bildgröße gesetzt werden, ansonsten bleibt die Animation nicht erhalten.
Füge dazu im Artikel Intro einfach ein Bildelement nach der Teaser Box ein. In diesem Fall wird das Bild unterhalb des Textes dargestellt.
Um das Bild oberhalb des Textes darzustellen, platziere das Bildelement vor der Teaser Box.
Damit das Bild links neben dem Text steht, füge in den Einstellungen des übergeordneten Artikels (Werkzeug-Icon) unter
Experten-Einstellungen die Klasse left-image
hinzu.
Damit das Bild rechts neben dem Text steht, füge in den Einstellungen des übergeordneten Artikels (Werkzeug-Icon) unter
Experten-Einstellungen die Klasse right-image
hinzu.
Damit das Bild unterhalb dem Text steht und das Bild etwas überlappt, füge in den Einstellungen des übergeordneten
Artikels (Werkzeug-Icon) unter Experten-Einstellungen die Klasse image-overflow
hinzu.
Füge dazu folgendes CSS in die custom.scss ein und lade die Seite anschließend mit Strg + F5 neu.
.intro .ce_ct_teaserBox .image>div {
filter: none;
}