This guide explains how to apply custom CSS classes to a form's submit button or its container element (the div wrapping it), useful for graphical customization via external style sheets.
> Note: To follow this procedure, you need to have the CSS classes you want to apply available.
Step-by-Step Procedure
1. Access the Form Edit
Open the form you want to modify in the administration interface.
2. Go to the General Section
Make sure you are in the first section of the form, titled General.
3. Locate the Submit Button Settings
Scroll down until you find the box titled Submit Button.
4. Choose Where to Apply the Classes
Inside the box, you will find two text fields for entering classes:
- Input Classes: Use this field to add classes directly to the
inputelement (the button itself). - Container Classes: Use this field to add classes to the
divcontaining the submit button (useful for controlling layout or width).
5. Enter the CSS Classes
In the desired field (Input Classes or Container Classes), type the CSS classes you want to apply.
> Example: If you want to apply the classes btn-custom and large-button, write: btn-custom large-button (separating classes with a space).
6. Save Changes
Complete the form saving procedure (usually by clicking on the save button or proceeding with subsequent wizard steps) to make the CSS classes effective on the frontend.
