Zum Inhalt springen

CSS Einstellungen bestimmter Elemente verändern

Gefärbter Hintergrund

Dieses Element erhält durch eine spezielle Einstellung im Tab "Erscheinungsbild" eine andere Hintergrundfarbe als andere Elemente.

Das Template bietet Ihnen die Möglichkeit ausgewählten Elementen bestimmte Einstellungen zuzuweisen, um beispielsweise die Hintergrundfarbe oder die Rahmenfarbe zu verändern. Die möglichen Werte können Sie einfach per TypoScript-Konstanten verändern. Das Template kommt schon mit vorgefertigten Klassen, um Abstände einstellen zu können. Die Beispiele können Sie in der Datei demotemplate/Configuration/TypoScript/Static/Plugin/tx_wst3bootstrap_constants.ts einsehen. Die Optionen werden im JSON-Stil geschrieben:

plugin.tx_wst3bootstrap.settings.container.classNames = {"m-t-1":"Abstand oberhalb","m-t-2":"Abstand oberhalb (2x)","m-t-3":"Abstand oberhalb (3x)","m-b-1":"Abstand unterhalb","m-b-2":"Abstand unterhalb (2x)","m-b-3":"Abstand unterhalb (3x)"}

Diese können Sie beliebig erweitern:

plugin.tx_wst3bootstrap.settings.container.classNames = {"m-t-1":"Abstand oberhalb","m-t-2":"Abstand oberhalb (2x)","m-t-3":"Abstand oberhalb (3x)","m-b-1":"Abstand unterhalb","m-b-2":"Abstand unterhalb (2x)","m-b-3":"Abstand unterhalb (3x)","light-bg":"Gefärbter Hintergrund"}

Die zusätzlichen Optionen erscheinen dann im Backend im Tab "Erscheinungsbild" jedes Elementes.