Ideen für erweiterte Akkordeons und Tabs mit GenerateBlocks

Akkordeons und Tabs gezielt gestalten

Akkordeons und Tabs helfen dabei, umfangreiche Inhalte übersichtlich zu präsentieren. Mit kleinen CSS-Anpassungen lassen sich aktive Zustände, Ecken und Abstände besser an das Design deiner Website anpassen. Die folgenden Beispiele sind als Ausgangspunkt gedacht: Klassen und Selektoren müssen zur tatsächlich verwendeten GenerateBlocks-Version und Blockstruktur passen.

Lege benutzerdefinierte CSS-Regeln zentral ab, etwa in deinem gepflegten Stylesheet oder einem CSS-Verwaltungswerkzeug. So bleiben Layout-Regeln nachvollziehbar und du vermeidest verstreute Inline-Anpassungen.

CSS (applied via SimpleCSS):

.gb-button.gb-accordion__toggle.gb-block-is-current  {
	border-bottom: none;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}

Accordion

Tabs