FLEXBOX CONTAINERS KNOP BREDER MAKEN

We doen ons best binnenkort Nederlandstalige video’s te kunnen aanbieden binnen deze cursus. Tot dan, alvast Engelstalige.

Je kunt in Elementor makkelijk een knop aanmaken. Deze knop heeft een standaard afmeting en wordt breder naarmate er meer tekst in staat. Door padding toe te voegen, kun je een knop wel breder maken, maar dit gaat dan op kleinere schermen vaak fout.

Ga als volgt te werk:

1. Maak een nieuwe container aan met rij directie (pijltje omlaag)
2. Sleep er een knop in, ga naar de Style tab en zet op “stretch/uitrekken”
3. Hierna gaat de knop de volledige breedte innemen en dat is niet altijd de bedoeling
4. Ga dan naar de “Advanced/Geavanceerd” tab en kies onder “Width” voor “custom”
5. Vul manueel een percentage in of gebruik de schuifbalk.
6. Schakel naar mobiele versie en pas aan met de schuifbalk, zodat het daar ook goed uitziet.
7. Wil je de knop wat dikker/hoger maken, ga dan naar “Style” > “Padding” en maak de knop zo dikker.