Decoratieve Groep blokken via CSS-classes
Wil je een hap uit de achtergrondkleur creëren zoals in dit blok? Dat kun je doen met een Groep blok en extra CSS-classes.
Stap 1. Maak een groep blok
Selecteer de blokken die samen een groep moeten vormen. Geef de groep een achtergrondkleur en kies ‘Volledige breedte’.
Stap 2. Geef de groep een Extra Class
Klik op het Groep blok en ga naar Geavanceerd > Extra CSS-class. Geef aan of het een ’top-deco’ of ‘bottom-deco’ is, en welk effect je wilt:
- top-gap / bottom-gap
- top-curve / bottom-curve
- top-chevron / bottom-chevron
- top-to-left-slant / bottom-to-left-slant
- top-to-right-slant / bottom-to-right-slant
Wil je een hap uit de linker- of rechterkant van de achtergrondkleur? Dan hoef je alleen ‘left-bite’ of ‘right-bite’ mee te geven.
Geef het Groep blok 0 padding bovenaan bij “top-deco” en 0 padding onderaan bij “bottom-deco” (uitleg witruimtes) voor het beste effect.