Centering forms

By default, Convert Forms outputs the form aligned to the left. If your layout requires the form to appear centered horizontally, Convert Forms includes a built-in CSS helper class that does exactly that, without writing any custom CSS.

How it works

Convert Forms provides helper CSS classes that can be applied directly to a form. The cf-iscentered class centers the form container horizontally within its parent element. 

Steps to center the form

1. Go to Components → Convert Forms
2. Open the form you want to center
3. Navigate to Design → Advanced
4. In the Class Suffix field, enter: cf-iscentered

That’s it. The form will now be centered on the page.

Notes & tips

• The form will be centered relative to its container. If the container itself is very wide or constrained by your template, the visual result depends on that layout.
• You can combine cf-iscentered with other helper classes by separating them with a space.
• This helper affects only horizontal alignment, not vertical positioning.