Stripe is a top element in the email hierarchy. There are structures in each stripe.
To add a structure, you can drag and drop it from Content menu to the desired position of your message.
Each stripe can contain many structures. In turn, a structure can include up to 8 containers in a row.
Just like other email elements, structures can be saved as modules, moved, copied and deleted with the help of corresponding drop-down menu that appears by mouse hover.
Structure allows you to set the container size. You can set container size in the structure using parameters in numbers or "stretching" container to the desired width.
You can also set indents here.
If you need to set indents for containers bigger than 40px, use empty containers to increase indents.
Structures settings are available in two tabs: Appearance and Content.
Content tab allows you to configure structure just like a smart element. For more details about smart elements, click here.
In the Appearance tab, you can set the background color and image of the structure.
You can also configure the full content border here, or do it separately for each side with an option to customize the border color.
Also, you can hide email structures for desktop or mobile view here if you want some structure not to be displayed in some version.
You can also configure the structures responsivity to locate their containers one below the other for mobile view, or set inversion for responsive structures to display containers in reverse order on a mobile screen.
Below, you can specify the structure type – HTML, AMPHTML, or both types.
The next step down by hierarchy are containers in the structures. Containers are located horizontally. Each structure can include up to 8 containers.
Each container can contain an unlimited number of blocks located vertically.
Containers settings are available in two tabs: Appearance and Content.
Content tab allows you to configure container just like smart element. For more details about smart elements, click here.
In the Appearance tab you can set the background color and image of the container.
Using "+" and "-" buttons below you can set roundings for the container.
You can also configure the full container border here, or do it separately for each side.
Also, you can also hide containers for desktop or mobile view here if you want some container not to be displayed in some version.
You can specify the container type below – HTML, AMPHTML, or both types.