The form components are set to be flexible in various styling applications see below for examples of each click the element and make styling adjustments if needed, however do not remove classes here, combine them if needed.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Switches, Radios & Checkboxes
Radio buttons work correctly when published. labels have the bottom margin removed with the no-bottom class
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Field
Simple text field with extended classes for individual styles
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Element
Font Size
Line Height
Border
Border Color
Padding
Background
default
1em
1.5em
1.5px
medium-light
0.8em 1.2em
White
Select Field
We use a custom html block nested inside a div to allow you to use a custom icon for the dropdown icon
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.