---
title: "Align the content of a box - EngageBox"
description: "Being able to align the content of a box in whichever direction you'd like without having to type custom CSS is a great convenience. You can do that f"
url: "https://www.tassos.gr/docs/engagebox/customize/align-content-of-a-box"
date: "2026-05-01T03:57:37+00:00"
language: "en-GB"
---

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

#  Align the content of a box

Being able to align the content of a box in whichever direction you'd like without having to type custom CSS is a great convenience. You can do that for your popup by navigating to the **Design** tab, clicking on **Align Content** and then choosing a direction.

[![engage box align content](https://www.tassos.gr/images/eb-align-content.png)](https://www.tassos.gr/images/eb-align-content.png)

## [Note](#note)

For versions *up to v2.7.2* this feature was called *Vertical Align Content*

 Last updated on Feb 25th 2025 12:02

## 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": "EngageBox",
            "item": "https://www.tassos.gr/docs/engagebox"
        },
        {
            "@type": "ListItem",
            "position": 4,
            "name": "Styling and Customization",
            "item": "https://www.tassos.gr/docs/engagebox/customize"
        },
        {
            "@type": "ListItem",
            "position": 5,
            "name": "Align the content of a box",
            "item": "https://www.tassos.gr/docs/engagebox/customize/align-content-of-a-box"
        }
    ]
}
```

```json
{
    "@context": "https://schema.org",
    "@type": "Article",
    "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.tassos.gr/docs/engagebox/customize/align-content-of-a-box"
    },
    "headline": "Align the content of a box",
    "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/engagebox/customize/align-content-of-a-box"
    },
    "datePublished": "2016-09-20T09:49:13+03:00",
    "dateCreated": "2016-09-20T09:49:13+03:00",
    "dateModified": "2025-02-25T12:46:58+02:00"
}
```