Kleurovergangen of gradients

door | 22 januari 2018 | Divi tips

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 lettertype aanpassen

Stel, je wilt de lettergrootte van je webteksten groter maken of het lettertype veranderen. Dan hoef je gelukkig niet al je pagina's aan te passen. Via de 'Systeemaanpasser van het thema' of 'Theme customizer' (Engels) kun je typografie instellingen in één keer voor...

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