Voor het bouwen van websites maak ik gebruik van het thema Divi. Dit thema is enorm veelzijdig en uitgebreid. Zo kun je heel gemakkelijk foto’s toevoegen met de foto module in de visual builder. Soms wil je graag een ronde foto toevoegen. Bijvoorbeeld omdat je een testimonial met foto wilt weergeven, of een groepslid met omschrijving. In deze blog leg ik je het simpele trucje uit waarmee je een ronde foto kunt toevoegen aan jouw Divi Website.
Een foto toevoegen op een Divi website
- Ga naar de visual builder op je Divi pagina
- Zorg ervoor dat je een nieuwe sectie (Add section) en rij (Add Row) hebt aangemaakt
- Klik op Add Module op de plek waar jij een afbeelding toe wilt voegen
- Selecteer de optie Image
- Voeg de gewenste afbeelding toe bij Content
- Klik op het tabblad Design
- Verander de 0px bij Border naar 500px voor alle hoeken
- Klik op Safe Changes (het groene vinkje)
LET OP! Het trucje…
Is jouw afbeelding niet rond maar ovaal? Geen zorgen! De oplossing zit hem in de afmetingen van de afbeeldingen die je hebt gebruikt.
Zorg dat jouw afbeelding voordat je hem upload vierkant is! Dus niet rechthoekig of een andere afmeting. De breedte en hoogte van de afbeelding moet gelijk zijn. Dus bijvoorbeeld: 500px x 500px. Je kunt dit met simpele gratis fotobewerkingsprogramma’s instellen (de afmeting moet dan naar 1:1 omgezet worden of je snijd hem handmatig bij).
Het resultaat:
Ook je website met divi bouwen? Start dan direct met de gratis cursus ‘bouw in 1 dag jouw website’