DIVI overlay over background image

Wat kun je met DIVI WordPress?

DIVI is een WordPress thema en visuele paginabuilder die is ontworpen om het bouwen van websites in WordPress eenvoudiger te maken. Een website pagina in DIVI bestaat uit een sectie, kolommen, rijen en elementen.

DIVI BACKGROUND IMAGE MET EEN OVERLAY

Een sectie bestaat o.a. uit rijen. In een rij neem je content op (bijvoorbeeld tekst en plaatjes).

Achter deze content kun je in de sectie een image of video plaatsen. Maar als daardoor de content slecht leesbaar is, kun je bijvoorbeeld een kleur over de image/video zetten. Wit kan ook. Soms wil je dit plaatje iets vervagen, zonder dat het van invloed is op de rest van de content. Over het plaatje kun je een filter plaatsen. Hoe doe je dit?

  1. Ga naar de sectie waar je de image/video wilt plaatsen.
  2. Bewerk de sectie door te gaan naar content > achtergrond.
  3. Klik op de achtergrondafbeelding (3de icoontje). Voeg een image/video toe. In ons voorbeeld is dat “Google”.

    Divi background image

 

  1. Nu ga je deze image/video van kleur of opzichtigheid veranderen. Gebruik de optie voor gradiënt (dit is het tweede icoontje) in plaats van een effen achtergrondkleur (dit is het eerste icoontje). Klik op het plusje en kies geschikte kleuren uit.
  2. Wanneer je een gradiënt (kleurverloop) in combinatie met een afbeelding gebruikt, verschijnt er automatisch een switchknop “achtergrondafbeelding titel” (dit is een rare vertaling, eigenlijk bedoelen ze ermee “plaats verloop van kleur over achtergrondafbeelding”. Wanneer je deze knopt omschakelt naar “ja”, zal de gradiënt de image/video overlappen.

  1. Pas de kleur c.q. opacity (transparantie) aan, zodat de image/video zichtbaar wordt.
  2. In ons voorbeeld hebben we gekozen om voor een rode overlap dat overgaat in oranje, over de “Google” image  .
  3. Als je geen kleurverloop wilt en liever een effen kleur wilt, selecteer dan twee keer dezelfde kleuren.

En klaar ben je!

 

Heb je nog WordPress of DIVI vragen? Mail ons!

Wil je je WordPress website door ons laten maken? Mail idots!