Hello @lennart1710,
When editing the submit button you can choose one of our available predefined styles: Flat, Rounded, Full rounded, 3D rounded or Transparent.
If you want more control over this you can use the following classes:
– kaliforms-form-container : this class is used for the form element, you can use this to specifically target the elements of your form;
– the id of the submit button : this is defined in the field configuration, in the Advanced tab, the ID set here will be used for the button in the front-end;
– input[type=submit] : you can also use this selector in order to target your forms submit button.
An example on CSS rules that target the submit button would look like:
.kaliforms-form-container input[type=submit] {
padding: 16px 32px;
background-color: #4CAF50;
color: #FFFFFF;
font-size: 26px;
text-decoration: underline;
text-transform: uppercase;
}
If you want to change the style when the user hovers over the button you can use:
.kaliforms-form-container input[type=submit]:hover {
background-color: #0073aa;
}
Have a nice day!
