Selecteer een pagina

Een achtergrond met kleurovergang (gradient) maak je vrij eenvoudig met de Divi Builder (opbouwfunctie). Het vaakst zie je gradients als achtergrond van de webpagina. Vertaald naar Divi kom je dan terecht bij secties (blauwe units). Maar je kunt ook rijen (groene units) of modules (paarse units) van een gradient voorzien.

Voorbeeld, zie rechts.

Hoe maak je een kleurovergang?

  • Ga naar de instellingen van de betreffende sectie, rij, kolom of module
  • Ga naar tab ‘Ontwerp’
  • Ga naar ‘Achtergrond’, tweede tab
  • Klik op het plusje
  • Nu zie je standaard blauw en groen. Pas de kleuren naar jouw voorkeur aan.

En waar zijn die opties onder de kleurenbalk voor?

  • Type verloop: Lineair
    • van links naar rechts – 90deg (90 graden)
    • van boven naar beneden – 180deg
    • van linksonder naar rechtsboven – 45deg
    • van linksboven naar rechtsonder – 135deg
  • Type verloop: Radiaal
    • midden, top links, enz.
  • Begin- en eindpositie
    • waar wil je dat het verloop begint en eindigt?
  • Place gradient above background image
    • je kunt kleurverloop over een achtergrondafbeelding plaatsen.
    • selecteer een achtergrondfoto
    • Zorg er wel voor dat de kleuren van de gradient half doorschijnend zijn!

Meer info en video’s bij Divi Elegant themes.

Tip! Plaats alle rijen in één sectie als je de kleurovergang op je hele webpagina wilt laten doorlopen.

Recente Divi tips

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...

Divi basis: wat is Divi?

In Wordpress geen website zonder thema Elke Wordpress website draait op basis van een thema. Het thema bepaalt hoe een pagina of bericht er uitziet; de stijl en de lay-out. Vaak zijn er binnen een thema nog talloze opties om de stijl en lay-out naar wens aan te...

Divi basis: de Visual Builder

Met de Divi Visual Builder kun je elk gewenste lay-out op je webpagina bouwen. Bijvoorbeeld: eerst een titel 'contact', daarna links een tekstblok en rechts een foto. Schematisch ziet dit stuk van de pagina er zo uit. Een sectie (= blauwe container), met een rij (=...

Divi basis: pagina templates maken / de Divi bibliotheek

Als je meerdere pagina's of berichten (blogs) met ongeveer dezelfde lay-out en/of opmaakt wilt bouwen, dan is het handig om een template aan te maken. De volgende keer dat je een pagina of blog gaat bouwen, kun je starten met de template en die wijzigen. Divi Builder...

Dividers met Divi

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...

Mobielvriendelijk met Divi

In mijn artikel Hoe maak je je website mobielvriendelijk? schrijf ik over de problemen die je met mobiele schermen kunt tegenkomen. In dit artikel bied ik oplossingen speciaal voor Divi gebruikers.Element uitzetten voor mobiel Soms wil je bepaalde zaken niet op de...

Formulier met Divi

Contactformulier In de Divi opbouwfunctie, oftewel de Divi Page Builder, zit een module "contactformulier". Tot voor kort was het ook min of meer alleen geschikt als contactformulier. Maar met de nieuwe veldtypes die Divi heeft geïntroduceerd, kun je nu ook complexere...

Schaduwranden met Divi

Foto's of andere onderdelen kun je een schaduwrand meegeven zonder te hoeven coderen in css. In de Divi builder zit schaduw tegenwoordig standaard in het onderdeel 'Ontwerp' van elke module (paarse unit). Ook rijen en kolommen kun je een schaduwrand geven....

Achtergronden met Divi

Je kunt elke sectie, rij, kolom en de meeste modules een achtergrond geven. Een achtergrond kan zijn: een kleur twee kleuren die in elkaar overvloeien (gradient) een afbeelding (foto/illustratie) een filmpje Bij elk onderdeel ziet de achtergrond instelling...