Maak nu gebruik van onze actie! Gebruik actiecode "XXX" bij jouw aanvraag!

280bc537d72f1cbeb536ff793a5768d940496273

Sectie met content vlakken

Dit is een standaard Content / Media / Extensie sectie, met een speciale class: content-blocks

Deze class kan ingesteld worden door in het paginabeheer de sectie te bewerken met de tandwiel-knop, en dan bij 'CSS class' de naam 'content-blocks' in te voeren.

Het is ook mogelijk om een kopie van deze sectie te maken en naar elke gewenste plek te kopiëren.

Als de inhoud van dit blok kleiner is dan de hoogte van de afbeelding wordt er witruimte boven en onder de tekst geplaatst. Als de inhoud langer dan de afbeelding is wordt de frame van de afbeelding verhoogd om deze passend aan de hoogte van het content blok te maken. Hierbij kan mogelijk de afbeelding automatisch bijgeschaald worden om deze passend te tonen.

Houdt dus rekening met de hoeveelheid content in deze vlakken.

Omgekeerde variant

Een omgekeerde variant van bovenstaande sectie. Belangrijk om niet te vergeten is dat standaard de ruimte boven en onder een sectie even groot is. Om te voorkomen dat er hierdoor dubbele/teveel ruimte tussen 2 secties ontstaat kan deze aangepast worden.

In dit geval is de ruimte aan de bovenkant van deze sectie en onderliggende secties op 0 pixels gezet. Dit kan ook aangepast worden via de tandwiel-knop bij het bewerken van een sectie.

fcf104025e143abf57d6b4fcaee8d83b6624da7d
9a6fe49bb75856f1fe235ba24d8a0cedd5c1cbdc

Variant met andere verdeling

De verhouding is aan te passen door de hendel tussen de blokken te verslepen. Deze kan op 12 verschillende standen gezet worden om een blok tussen 1 en 12 kolommen breed in te stellen.

280bc537d72f1cbeb536ff793a5768d940496273

Meer dan 2 blokken

Dit betekent dus elke mogelijke verhouding en ook meerdere afbeeldingen/content blokken op een rij. Maar controleer wel altijd of dit op de website ook netjes past, en of dit responsive ook mooi blijft.

Op kleinere displays worden de afbeeldingen in dezelfde volgorde verticaal getoond.

6b7171a496dcac092fcd77883cbe92c4976e4756
fcf104025e143abf57d6b4fcaee8d83b6624da7d
9a6fe49bb75856f1fe235ba24d8a0cedd5c1cbdc

Andere volgorde

Houdt er ook rekening mee dat standaard alle afbeeldingen op mobiel zichtbaar zullen zijn. 

Dit is dan weer aan te passen door via de afbeelding instellingen (tandwiel-knop boven een afbeelding) beide classes d-none en d-lg-block toe te voegen.

Deze geven aan dat de afbeelding op mobiel verborgen moet worden.

9a6fe49bb75856f1fe235ba24d8a0cedd5c1cbdc

Sectie met achtergrond

Een achtergrondkleur kan ingesteld worden via de sectie opties. Er kan een keuze gemaakt worden uit enkele opties.

Let op! Deze functie is slechts beperkt beschikbaar en is enkel ingebouwd en getest voor deze specifieke content secties.

Afbeelding met strepen

Het is mogelijk om de strepen toe te voegen aan afbeeldingen zonder deze in de afbeelding te moeten verwerken. Dit kan door via het tandwiel-knop boven een afbeelding de class stripes toe te voegen.

De strepen werken momenteel enkel voor afbeeldingen.

280bc537d72f1cbeb536ff793a5768d940496273
TEST MODE