Een transparante sticky header met special effects maken in Elementor Pro
Bijlagen (2) Transparante header – special – incl css Css code – transparante header sticky Het allermooiste vind ik zelf is een transparante header die vervolgens van kleur en formaat veranderd op het moment dat je begint met scrollen. (live voorbeeld: websitetoday.nl) In deze training laat ik je precies zien hoe je dat voor elkaar […]
Een transparante header maken (basis) in Elementor Pro
Bijlagen (1) Transparante header – standaard De transparante header is weer een andere mooie vorm van een header. In deze training bespreken we hoe jij jouw standaard header omtovert tot een transparante header! Een leuk effect, maar let wel op dat de header goed naar voren moet komen op alle pagina’s. En denk vooral […]
Een ‘sticky’ header en een extra header balk maken in Elementor Pro
Bijlagen (1) Standaard sticky header Een extra effect toevoegen aan je header is natuurlijk super tof! Als je header mee zou scrollen naar beneden is jouw navigatiemenu namelijk altijd binnen handbereik! Een mooie eigenschap dus! In deze training vertel ik je hoe jij jouw standaard header omtovert tot een sticky header. We bespreken ook direct […]
Een standaard header maken met Elementor Pro
Een website kan bijna niet bestaan zonder een Header. De bovenkant van jouw website is de meest gebruikte stuk van je website. Daar plaatsen we namelijk het navigatie menu, het logo en eventueel een call to action knop! In deze training bespreken we hoe we vrij basic een standaard header maken en instellen voor jouw website. Het leuke van […]
Globale kleuren en lettertypen instellen Elementor Theme builder
Bijlagen (1) Style-sheet Als de basis goed staat, kun je met gemak jouw website gaan vormgeven! In deze training gaan we aan de slag met site instellingen van Elementor! Oftewel, kiezen onze eigen thema kleuren en thema fonts plus lettertype grootte! Download en upload onze style sheet zodat je heel eenvoudig zelf je eigen style kan invoeren. Ga daarvoor naar je Dashboard -> Elementor/ […]
Hello Theme van Elementor installeren
Als we optimaal gebruik willen maken van de Elementor Theme Builder dan raden wij aan gebruik te maken van het Hello Theme van Elementor. In deze training vertel ik je hoe jij het Hello theme kunt installeren, en als je gebruik maakt van een child theme kan je deze via de bijlage downloaden en installeren. […]
Sticky Elementor Header voorzien van schaduw
Je Header voorzien van een schaduw nadat je begint met scrollen? Het is mogelijk! Onlangs was ik op zoek naar een dergelijk effect voor een klant. Na wat speurwerk en het combineren van eerdere tutorial codes heb ik het volgende gevonden. Stap 1 Bouw via de Elementor theme builder een header. Eenmaal in de Elementor […]
