Contao 4 Bilder-Gallery mit hinauslaufenden Unterschriften

[Schnippel]

Hi Leute

bei der Verwendung der Contao-Bildergallerie (Inhaltelement Galerie) passiert es, sobald man in Contao einem Bild eine etwas längere Bildunterschrift zuweist, diese sich über die Breite des Bildes hinaus zieht und die Darstellung vermasselt .

Wie bekommt man es in Galerie hin, dass die Bildunterschrift (figcaption) niemals breiter ist als das dazugehörige Bild, egal ob 3 oder 5 Bilder nebeneinander angeordnet werden sollen?

Hier ein Beispiel (Daten wurden unkenntlich gemacht):
Unbenannt-1.jpg

[fusch]

Hallo Schnippel,

ein bisschen CSS sollte da reichen:

Dem Figure-Element musst Du eine Breite zuweisen (kann auch relativ sein) und den Kindelementen (img und figcaption) ein max-width von 100%. Dann sollte es passen.

Viele Grüße
Hella

[Schnippel]

Hier mal die Einstellungen im BE, Element Galerie:

Unbenannt-1.jpg

Die Bilder haben in der Dateiverwaltung Meta-Daten bekommen, die auch in der Galerie-Ansicht unterm Bild angezeigt werden sollen.

Es sollen im BE die Vorschaubilder pro Reihe einstellbar bleiben.
Muß ich da im CSS in der ul die .col_3 - also ul.col_3 li - (bei 3 Bildern nebeneinander) ansprechen, und das für die 4,5,6 Bilder nebeneinander ebenso?

[fusch]

Hallo Schnippel,

mit Screenshots kann man immer deutlich schlechter helfen, als mit einem Link.

Prinzipiell hat Dein Problem nichts mit den Einstellungen im Inhaltselement zu tun, sondern mit dem Styling, also dem CSS. Solange wir das nicht sehen, können wir nur raten. Das ist für die Antwortenden aufwändig und für die Fragenden auch nicht so zielführend.

Viele Grüße
Hella

[Schnippel]

Ich verwende die von Contao vorgegebenen Klassen ul.cols_.. und baue mir das Ganze auf Basis von Flexbox um. Scheint zu funktionieren.
So lässt sich im BE bei den Einstellungen "Vorschaubilder pro Reihe" verwenden.