Bildunterschrift (caption) bekommt automatisch style="width: (Bildbreite)"

[reinweiss]

Guten Tag,

als Contao-Neuling mal eine dumme Frage:
Warum bekommt die caption automatisch die Breite des Bildes als inline-Style zugewiesen?

Wenn ich ein Bild einbaue mit einer langen Bildunterschrift bekomme ich folgenden Code:
<div class="ce_image first last block">
<h1>Testbild</h1>
<figure class="image_container">
<img width="900" height="150" alt="Testbild" src="xxxx/testbild.jpg">
<figcaption class="caption" style="width:900px">Eine ziemlich lange Beschreibung vom tollen Testbild, und so weiter und sofort.</figcaption>
</figure>
</div>

Wenn der Viewport nun nicht breit genug ist, werden Bild und Capture abgeschnitten.

Abhilfe schafft nur:
.image_container img { width: 100% !important; }
.caption { width: 100% !important; }

Gibt es eine Möglichkeit zu verhindern, dass die Bildbreite als inline-Style in das html geschrieben wird?

[Dexter Paris]

Modifiziere das Template ce_image.html5 …

Dort findest Du den Ursprung des Inline-Styles:

…

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

…

[tab]

Ich nehme mal an, das ist so, weil es in den meisten Fällen Sinn macht. Du kannst doch mit !important trotzdem alles nach Belieben ändern. Eine Alternative wäre natürlich, dein ce_image Template zu ändern. Z.B. den Code, der die inline-styles erzeugt, einfach rauszulöschen oder auf "%" statt "px" zu ändern. Das gilt dann aber für alle ce_image Inhaltselemente.

Sicher wäre es flexibler, wenn man im Standard zumindest zwischen Pixel und Prozent wählen könnte.

[reinweiss]

Vielen Dank für die Tipps.
Bisher habe ich mich von den Templates noch ferngehalten.

So weiß ich nun aber, dass ich nichts Wesentliches übersehen habe.