Gravity Forms is een krachtige WordPress plug-in waarmee je eenvoudig aangepaste formulieren kunt maken en beheren op je WordPress-website.
“Gravity Forms Ready Classes” is een functie van Gravity Forms waarmee je aangepaste CSS-klassen kunt toepassen op specifieke formulierelementen. Dit is handig voor het stijlen van je formulieren en het aanpassen van de weergave op basis van je website ontwerp.
Gravity Forms CSS ready classes
- Toevoegen van CSS-classes: Binnen Gravity Forms kun je formulierelementen (zoals velden, labels, knoppen, enz.) CSS-klassen toewijzen. Dit doe je via het formulierbewerkingsvenster in het WordPress dashboard.
- Ready Classes: Gravity Forms heeft een set van vooraf gedefinieerde CSS-klassen, bekend als “Ready Classes,” die je kunt toepassen op de formulierelementen. Deze Ready Classes hebben een specifiek doel.
- Aanpassen van stijlen: Door de juiste Ready Class toe te passen op een formulierelement, kun je snel en eenvoudig de stijl en lay-out van dat element aanpassen zonder dat je diepgaande kennis van CSS nodig hebt. Dit is handig voor gebruikers die graag formulieren willen aanpassen zonder code te schrijven.
Voorbeeld Gravity Forms CSS ready classes
- .gf_left_half: Plaatst een element in de linkerhelft van een tweecolumn-layout.
- .gf_right_half: Plaatst een element in de rechterhelft van een tweecolumn-layout.
- .gf_list_2col: Stijlt een lijst met twee kolommen.
- .gf_list_3col: Stijlt een lijst met drie kolommen.
- .gf_list_4col: Stijlt een lijst met vier kolommen.
- .gf_hidden: Verbergt een formulierelement.
- .gf_highlight: Markeert een formulierelement om er de nadruk op te leggen.
Je kunt deze Ready Classes toepassen op individuele formulierelementen door de CSS class-instelling voor dat element in Gravity Forms in te vullen. Hierdoor wordt de stijl en lay-out van dat specifieke element aangepast volgens de gedefinieerde klasse.
Als je meer wilt weten dan verwijzen we je graag naar deze uitgebreide blog van Gravity Forms over css ready classes.