---
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/customize/centering-forms"
date: "2026-04-24T16:38:41+00:00"
language: "en-GB"
---

[ Home ](https://www.tassos.gr/index.php?option=com_content&view=category&layout=blog&id=24&Itemid=1088) / [ Convert Forms ](https://www.tassos.gr/index.php?option=com_content&view=category&id=43) / [ Styling and Customization ](https://www.tassos.gr/index.php?option=com_content&view=category&id=71)

#  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 Jan 19th 2026 10:01

## Schema

```json
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://www.tassos.gr"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "Home",
            "item": "https://www.tassos.gr/docs"
        },
        {
            "@type": "ListItem",
            "position": 3,
            "name": "Convert Forms",
            "item": "https://www.tassos.gr/docs/convert-forms"
        },
        {
            "@type": "ListItem",
            "position": 4,
            "name": "Styling and Customization",
            "item": "https://www.tassos.gr/docs/convert-forms/customize"
        },
        {
            "@type": "ListItem",
            "position": 5,
            "name": "Centering forms",
            "item": "https://www.tassos.gr/docs/convert-forms/customize/centering-forms"
        }
    ]
}
```

```json
{
    "@context": "https://schema.org",
    "@type": "Article",
    "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.tassos.gr/docs/convert-forms/customize/centering-forms"
    },
    "headline": "Centering forms",
    "image": {
        "@type": "ImageObject",
        "url": "https://www.tassos.gr/"
    },
    "publisher": {
        "@type": "Organization",
        "name": "Tassos",
        "logo": {
            "@type": "ImageObject",
            "url": "https://www.tassos.gr/https://www.tassos.gr/media/brand/logo-text.png"
        }
    },
    "author": {
        "@type": "Person",
        "name": "Tassos Marinos",
        "url": "https://www.tassos.gr/docs/convert-forms/customize/centering-forms"
    },
    "datePublished": "2026-01-19T10:10:25+02:00",
    "dateCreated": "2026-01-19T10:10:25+02:00",
    "dateModified": "2026-01-19T10:10:25+02:00"
}
```