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!
Icoontjes vóór je menu-items plaatsen
Icoontjes in je menu kunnen een leuke toevoeging zijn! Ik laat je zien hoe je dit kunt doen met zowel Divi icoontjes als externe icoontjes van FontAwesome.
Zo link je naar een specifiek deel van de pagina
Linken naar andere pagina's kan je al. Maar linken naar een onderdeel van je pagina? Doe je met een zogeheten anchorlink! Easypeasy I promise.
De breedte van de kolommen aanpassen doe je zo
Je kunt uit meerdere kolom combinaties kiezen in een nieuwe rij. Maar soms is het nog steeds niet wat jij nodig hebt. Zo pas je de breedte van de kolommen aan!
Verwijder snel dat Google reCAPTCHA logo
Google reCAPTCHA v3 is een handige anti-spam tool die supermakkelijk is in te stellen in DIVI, maar oi oi oi wat een lelijk ding is dat logo dat rechtsonder op je website komt. Snel weg ermee!
Alle vragen gesloten in je accordeon en niet de eerste al open
Standaard staat het eerste uitklapveld van de Accordeon module opengeklapt by default. Wil je dat niet dan is dat snel en eenvoudig op te lossen!
Zo gebruik je een eigen afbeelding als back-to-top knop
Een back-to-top knop is handig, vooral als je je menubalk niet vastzet in beeld. Maar de standaard knop is wel een beetje suf! Vervang hem door een eigen afbeelding met deze handige tutorial.
Zo maak je icoontjes van je opsommingstekens
De standaard opsommingstekens zijn een beetje saai vind je niet? Ook kun je ze standaard geen ander kleurtje geven dan de tekst. Met deze tutorial maak je er mooie icoontjes van!
Die basic tabbladen van DIVI opmaken doe je zo
De DIVI tabbladen zijn van zichzelf niet heel mooi, ook al doe je je best in het Ontwerp tabblad. Met een beetje CSS geef je ze wat meer uitstraling!
Zo wissel je twee kolommen op mobiel en tablet
Als kolommen onder elkaar komen op mobiel of tablet, dan is dat standaard in de volgorde waarin ze van links naar rechts staan op desktop. Daar kun je van afwijken met deze CSS!