The Form Styling extension is great when you want to use the bundled Groundhogg form builder but you don’t like the default theme styling.
To install the extension please visit this documentation.
After installing the extension you will seen new buttons added below the form builder.
Click on one of the four buttons to edit styles related to those form elements.
There are two types of style settings.
- Color pickers
- Simply click on the color you want to change and use the color picker to change the value.
- Text inputs
- In most cases there will be a description of the value you need to enter to provide a valid configuration.
The style settings accept CSS compatible values. Most sizing options accept [px] or [%] values. For the best pixel perfect results enter values with [px].
If ever unsure about what to enter consult the setting description below which will in most cases provide example data. Or you can consult this website to learn more about CSS.
The Input style tab applies styles to the following field types.
The button styles will modifying the styling for the Submit form element and only the button form element.
The label styles will modify the appearance of any field labels including the following fields.
Radio & Checkbox Styles
The Radio and checkbox styles will modify the styles for the following fields.
- Radio Options