New stuff! Changes are automatically saved, and clicking the Generated CSS field automatically copies the CSS to your clipboard.
FormStyler is currently under development. If you experience bugs, please click Settings and click the red "Clear" button, then refresh.
Submit
The form was sent successfully.
An error occured.
Generated CSS
Click field to copy CSS to clipboard
Settings
Transition
Container Color
Clear
Clear current settings and all local storage data.Fields
Normal
Focus
Padding
Background Color
Text Color
Background Color
Shadow
Borders
Normal
Focus
Border Radius
Border Width
Border Color
Border Width
Border Color
Typography
Labels
Placeholders
Size
Weight
Color
Size
Weight
Color
Button
Normal
Hover
Position
Left
Center
Right
Full Width
Width
Padding
Label Size
Label Weight
Label Color
Background Color
Label Color
Background Color
Shadow
.formstyler_container {
background-color: {{ formProps.containerBackgroundColor }};
}
{{ formProps.css }}
#ninja_forms {
display: initial !important;
}
#contact_form_7 {
display: initial !important;
}
#gravity_forms {
display: initial !important;
}
#fluent_forms {
display: initial !important;
}
#piotnet_forms {
display: initial !important;
}