Skip to main content

How to Right Align the Submit Button

Easily move your form’s submit button to the right with Custom CSS

Updated this week

By default, the Submit button in Team Forms appears at the bottom of your form and is left-aligned. However, some organisations prefer to have the button aligned to the right. You can easily change this using our Custom CSS feature (available on paid plans only).

Steps

  1. Open the Form Builder for your form.

  2. In the top-right corner, click the ”…” icon and select Custom CSS.

  3. In the editor, paste the following CSS code

    /* Align the submit button to the right */
    .formio-component-submit {
    text-align: right !important;
    }
  4. Important: Navigate over to the preview tab to view the updated styling

💡 Tip: You can also click the AI Code Writing button in the CSS editor and simply ask, “Align my form’s submit button to the right.” The AI will write the CSS for you.

Did this answer your question?