Contao-Camp 2024
Ergebnis 1 bis 3 von 3

Thema: Simple CSS Anpassung für den ganzen Artikel

  1. #1
    Contao-Nutzer
    Registriert seit
    11.05.2020.
    Beiträge
    3

    Standard 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

  2. #2
    Contao-Fan Avatar von Stefko
    Registriert seit
    25.10.2012.
    Ort
    Karlsruhe
    Beiträge
    771
    User beschenken
    Wunschliste

    Standard

    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.
    Grüße, Stefko

  3. #3
    Contao-Fan
    Registriert seit
    10.08.2011.
    Ort
    Berlin
    Beiträge
    828

    Standard

    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

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •