---
title: "Centering forms - Convert Forms"
description: "By default, Convert Forms outputs the form aligned to the left. If your layout requires the form to appear centered horizontally, Convert Forms inclu"
url: "https://www.tassos.gr/docs/convert-forms/functionality/centering-forms"
date: "2026-11-09T17:34:24+00:00"
language: "en-GB"
---

[ Home ](https://www.tassos.gr/docs) / [ Convert Forms ](https://www.tassos.gr/docs/convert-forms) / [ How-to ](https://www.tassos.gr/docs/convert-forms/functionality)

#  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](#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](#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](#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.

 Last updated on Nov 9th 2026 14:11