This guide shows you how to add custom CSS classes both to the submit button of a Form and to its container element, using the settings available in the management interface.
Assign CSS Classes to the Submit Button and Its Container
Follow these steps to customize the appearance of your Form's submit button via CSS classes:
1. Access General Settings
In the Form editing screen, make sure you are in the first step of the wizard, titled Generali.
2. Locate the Submit Button Section
Scroll through the Generali section until you find the box titled Pulsante di invio.
3. Assign Classes to the Button (Input)
To apply styles directly to the button itself (the HTML <input> or <button> element), use the field:
- Classi Input
Enter in this field the CSS classes you want to apply to the button. If you need to enter multiple classes, separate them with a space (e.g., btn-custom large-font).
4. Assign Classes to the Container
To apply styles to the div that contains the button (useful for managing alignment or external spacing), use the field:
- Classi Contenitore
Enter in this field the CSS classes you want to apply to the button’s container element. If you need to enter multiple classes, separate them with a space.
5. Save Changes
Once you have entered the desired classes, proceed with saving the Form to apply the changes.
