1. H2 Überschrift anders stylen als die folgenden

Ich möchte die erste h2 Überschrift auf einer Seite anders gestalten, als die darauf folgenden h2 Überschriften.

Dazu ist nur ein wenig css notwendig. In diesem Fall verwende ich TYPO3 Version 8 mit css_styled_content.

.col-md-3  h2.csc-firstHeader{
    text-align: center;
    background-color: #ccc;
    padding: .2rem;
}

.col-md-9 h2.csc-firstHeader {
    padding: .2rem;
    background-color: #ccc;
}

Alle folgenden h2 ohne diese Klasse erhalten die Einstellungen, die im css unter h2 angegeben sind. Es ist nicht notwendig auf der Registerkarte Erscheiungsbild ein Layout anzugeben. Denn hier wird der erste Fall - also csc-first-header angesprochen.

Für fluid_styled_content muss man evtl. auf der Registerkarte Erscheiungsbild ein Layout1 angeben. Und dann entsprechend die Klasse frame-layout-0 entsprechend csc-firstHeader stylen.

Zurück