Skip to content

Latest commit

 

History

History
33 lines (29 loc) · 849 Bytes

CSS- Klassen für Textblock.md

File metadata and controls

33 lines (29 loc) · 849 Bytes

In Website-Administration -> Plugins ->Blöcke -> Textblock

Zusätzliche CSS-Klassen erlauben (block_html_allowcssclasses) aktivieren.

CSS Klassen im Raw-SCSS definieren

/* definiert CSS-Klasse für Infobox */
.infobox {
background-color: #D3FFE9;
}

Mit Icon (CSS Klasse für Verwendung: infoboxicon)

.infoboxicon .card-title::before {
 content: "\f05a";
 font-family: FontAwesome;
 display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-weight: 900;
}

Um Rand anzuzeigen:

/* definiert CSS-Klasse für Rand */
.borderbox {
border-style: solid !important;
}

K:K können Textblöcke formatieren durch Verwendung von CSS-Klassen

Man kann Klassen auch kombinieren z.B. will ich eine Infobox (grüner Hintergrund) und einen Rand, bekommt der Textblock beide Klassen: infobox borderbox