---
title: "Styling and Customization - EngageBox - Tassos Docs"
description: "Tips and tricks on how to customize your Joomla popups to match the design of your site"
url: "https://www.tassos.gr/docs/engagebox/customize"
date: "2026-05-14T03:51:35+00:00"
language: "en-GB"
---

# Styling and Customization

Tips and tricks on how to customize your Joomla popups to match the design of your site

##  [  Display the Close Button on the Left  ](https://www.tassos.gr/docs/engagebox/customize/close-button-on-the-left)

##  [  Set the Display Order of Your Popups  ](https://www.tassos.gr/docs/engagebox/customize/popup-stacking-order)

##  [  Customize the close button  ](https://www.tassos.gr/docs/engagebox/customize/customize-close-button)

##  [  Align the content of a box  ](https://www.tassos.gr/docs/engagebox/customize/align-content-of-a-box)

##  [  Create a transparent popup  ](https://www.tassos.gr/docs/engagebox/customize/transparent-popup)

## 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": "Documentation",
            "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"
        }
    ]
}
```