Stap 1: We beginnen deze tutorial door een nieuwe sectie toe te voegen.
Stap 2: Kies de gewenste kolomstructuur. Voor deze tutorial zal ik de eerste kiezen.
Stap 3: Sleep het op het widgetspaneel in de linkerzijbalk naar het midden van de Elementor-ontwerper.
Het zou er als volgt uit moeten zien:
Stap 4: Verwijder nu de andere kolom. Dit betekent dat er slechts één kolom in de sectie erna mag staan. Het ziet er nu zo uit.
Stap 5: De volgende stap is het zoeken naar de “Formulier” -widget. Merk op dat deze widget alleen beschikbaar is op Elementor Pro .
Sleep het zoals ook in het midden van het scherm, in het gebied “Sleep widget hier”.
Stap 6: Pas nu het formulier aan volgens uw behoeften, voeg indien nodig meer aangepaste velden toe. Voor dit voorbeeld laat ik alles zoals het is behalve bericht. Wijzig het berichttype in tekst en vervang het label en de tijdelijke aanduiding als nummer.
Stap 7: Stel de breedte van elk element op de juiste manier in. Hiervoor verander ik mijn kolombreedte naar 25%.
Als u dat doet, krijgt u het volgende:
Stap 8: Om de velden gecentreerd te maken, gaat u naar “Geavanceerde / aangepaste positionering” en stelt u “breedte” in op “Inline (auto)”.
Stap 9: Dan ziet het formulier er als volgt uit. Klik op de gemarkeerde om de instellingen van het formulier weer te geven .
Stap 10: Stel “verticaal uitlijnen” in op “midden” en “horizontaal uitlijnen” op “midden” om hetzelfde resultaat te krijgen als in de onderstaande afbeelding.
Stap 11: Pas de breedte aan volgens uw voorkeur.
Je Elementor-formulier zou er nu als volgt uit moeten zien:
Als u wilt dat de elementen een “volledige regel” hebben, stelt u de kolombreedte van elk element in op 100% en het ziet er als volgt uit:
Nu zijn we klaar! Herhaal gewoon dezelfde procedure naar uw secties en u zou ontwerpen als de beste!
0 Comments