Normal

V249-01

Een normale FAQ view

Hoe te gebruiken?

Voorvertoning

Alvast beginnen met een basis opmaak?

HTML
Kopiëren<section class="faq-page">
	<div class="container">
		<nc-element name="faq-title" type="h2" default="Veelgestelde vragen"></nc-element>
		<nc-faq name="faq"></nc-faq>
	</div>
</section>

CSS
Kopiëren.faq-page .collapsible-text button{
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
	font-size: 20px;
	font-weight: 700;
	color: var(--secondary);
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
	border-bottom: 2px solid var(--primary);
	text-align: left;
}

.faq-page .collapsible-text button::before{
	color: var(--primary);
}

.faq-page .collapsible-text .collapsible-text-content {
	margin: 1rem 0.15rem;
}