DIVI TUTORIALS
In deze DIVI tutorials laat ik je zien hoe je met o.a. CSS nóg meer mogelijkheden hebt met DIVI qua design en opmaak. Deze (gratis) tutorials zijn dus voor mensen die al met DIVI werken of mijn online training hebben gevolgd!
Filter hieronder op categorie!
Je modules verticaal centreren binnen de kolommen
Standaard vul je kolommen van boven naar beneden met modules. Met marges en buffers kun je afstanden creëren, maar als je de inhoud precies in het midden wilt naast bijvoorbeeld een afbeelding dan is dit perfect!
Zo krijg je dat mooie parallax effect ook op mobiel
Het parallax effect, waarbij je achtergrondafbeelding meescrollt, geeft een heel mooi effect. Helaas wordt deze op mobiel niet standaard toegepast. Gebruik daarvoor onderstaande code!
De afbeelding in je blurb groter maken als hij links staat
Als je in een Blurb de afbeelding links plaatst, is hij standaard heel klein. Dit is gelukkig eenvoudig aan te passen! Geldt uiteraard ook voor icoontjes. Follow me!
Zo houd je 2 kolommen naast elkaar op mobiel
DIVI maakt jouw website automatisch responsive. En dat is mooi! Op mobiel komen kolommen altijd onder elkaar te staan, wat ook meestal gewenst is. Maar soms wil je wèl heel graag 2 kolommen naast elkaar houden op mobiel! Ik laat je zien hoe.
Zo maak je van een vierkante afbeelding een ronde
Wil je van je vierkante foto een rondje maken? Dan hoef je dat niet vooraf te doen in Photoshop oid! Regel het direct in DIVI in het Ontwerp tabblad.
Verwijder horizontale scroll met een klein beetje CSS
Soms ontstaat er onbedoeld een horizontale scroll op je webpagina, waardoor je rechts witruimte hebt waar je die niet wilt! Verwijder hem snel met dit stukje code.