Simple CSS Anpassung für den ganzen Artikel

Guten Mittag,

Mein Name ist Ramon & Ich verwalte aktuell eine große Contao Umgebung, jedoch bin ich noch recht Ahnungslos was einige Funktionen von Contao angeht.
Ich habe einen Artikel, welcher mehrere Bild Elemente beinhaltet. Jedes Bild Element hat eine Bildunterschrift.
Ich möchte gerne für jedes Bild in diesem Artikel die Bildunterschrift zentrieren, jedoch scheitere ich daran die richtige Vorgehensweise zu finden.
Könnte mir jemand helfen & erklären, wie ich den Bild Elementen im Artikel ein eigenen CSS Code Schnipsel zuweise, ohne in der css Datei des Template rumzufuschen?

Ich hoffe ich konnte mich verständlich ausdrücken!
Mit freundlichen Grüßen
Ramon Dost

Ahoi,

also irgendwo wirst Du die CSS-Anweisung natürlich eintragen müssen, aber Du kannst ja ein zusätzliches CSS-File mit Deinen Änderungen anlegen und dann über das Seitenlayout laden.
In dem Fall wäre es ein schlichtes

Code:

---

.figcaption {
  text-align: center;
}

---

das würde dann aber alle Seiten der Website betreffen. Wenn Du es nur in dem einen Artikel so haben möchtest, kannst Du diesem in den Artikeleinstellungen eine eigene CSS-Klasse mitgeben, zB

Code:

---

pic-cap--centered

---

dann würde sich

Code:

---

.pic-cap--centered .figcaption {
  text-align: center;
}

---

Nur auf die Bilder in diesem einen Artikel auswirken.

Wenn dann aber so

Code:

---

.pic-cap--centered figcaption {
  text-align: center;
}

---

oder so

Code:

---

.pic-cap--centered .caption {
  text-align: center;
}

---

Es gibt ja keine Klasse .figcaption