Om verschillende onderwerpen op een website visueel te scheiden wordt vaak gewerkt met verschillende achtergrondkleuren. Het is voor de bezoeker heel fijn om gestructureerde brokjes informatie te krijgen. Ik zelf gebruik op deze website vaak een tekeningetje als afscheiding, zoals deze bijvoorbeeld:

 

Met Divi kun je nu heel gemakkelijk, zonder zelf css te hoeven kloppen, mooie overgangen – dividers – bouwen.

Divider aan sectie toevoegen

Ik heb bij dit voorbeeld aan de voorkant van de website gewerkt, met de Visual Builder.

Ga naar de instellingen van de betreffende sectie.

Kies een achtergrondkleur, gradient of afbeelding.
Ga daarna naar Ontwerp – Dividers en kies voor de onderkant een type divider.

Tip! Gebruik voor een meer geleidelijke overgang gradients als achtergrond.

Recente Divi tips

Divi Themabouwer

In oktober 2019 heeft Divi de Theme Builder / Themabouwer gelanceerd. GEWELDIG! In het kort betekent het dat je nu zelf de lay-out kunt bepalen van menu header, footer, categorie- en andere archiefpagina's, berichten, zoekresultatenpagina en je 404 pagina. Het is zo...

Divi kolom opties

Nieuwe kolom opties in de Divi builder Sinds update 3.25.12 worden kolommen in de Visual Builder beschouwd als onderdelen / kinderen van een rij. Kolommen kon je altijd al apart opmaken, maar nu is dat beter zichtbaar in de instellingen van een rij. Je kunt de rijen...

Call-to-action module verticaal uitlijnen

Een veel gehoorde irritatie bij klanten is dat ze het vervelend vinden dat blokje call-to-action (oproep tot actie) niet automatisch goed uitlijnen. Zelf ben ik het er niet mee eens, ik vind het juist fijn dat de knoppen in onderstaand voorbeeld direct onder de tekst...