Contao: Bildunterschrift nicht breiter als Bild

  • Snippets

Bildunterschriften passen sich standardmäßig nicht an die Breite des dazugehörigen Bildes an. Das kann bei sehr langen Bildunterschriften zu unschönen Effekten führen:

 

Ich bin eine sehr lange Bildunterschrift und denke nicht einmal im Traum daran, mich an die Breite des Bildes über mit anzupassen.

Um dies zu ändern, legen Sie unter "Templates" eine neue "ce_image.html5" an. Suchen Sie dort nach dieser Zeile:

 

<figcaption class="caption"><?= $this->caption ?></figcaption>

 

und ersetzen Sie diese Zeile mit folgendem Code:

 

<figcaption class="caption" style="max-width:<?php echo $this->arrSize[0]; ?>px;"><?= $this->caption ?></figcaption>

 

Durch die Angabe "max-width" wird sicher gestellt, dass die Bildunterschrift auch dann nicht breiter als das Bild ist, wenn das Bild (z.B. auf kleinen Bildschirmen) kleiner skaliert wird. Speichern Sie die Änderung und die Bildunterschrift passt sich ab sofort an die Breite des darüberliegenden Bildes an:

 

Ich bin eine sehr lange Bildunterschrift und muss mich jetzt wohl an die Breite des Bildes über mir anpassen.

Bildnachweis:

Photo by Maik Jonietz on Unsplash

Zurück