Column overview

Design

1. Column width (%): Set the width of your columns
2. Vertical alignment: Establece la alineación vertical del contents de la columna. De esta manera, podrá pegar el contenido de todas las columnas de una sección en la parte inferior, media o superior o «estirar para llenar» para alinear columnas con alturas desiguales. Elija entre Superior, Medio, Inferior, Espacio entre, Espacio alrededor, Espacio uniforme
3. Horizontal alignment: Esto amplía la capacidad del positioning en línea y le permite alinear horizontalmente los widgets en línea que se colocan en la misma fila. Elija entre Inicio, Centro, Fin, Espacio entre, Espacio alrededor, Espacio uniforme
4. Label HTML: Set an HTML tag for your column. More information on HTML tags

Definitions of space

• Space between - Widgets start and end at the edge of the column, with the same space between them
• Space around - Widgets are evenly spaced and borders are half the size of the space between widgets
• Uniform space - Widgets have the same space between, before and after them

Style

Background

Fund type: Elija entre Clásico o Degraded

Background overlay

1. Fund type: Choose from Classic or Gradient
2. Blend mode: Set a blending mode
3. Filters CSS: Add blur, brightness, contrast, and saturation

Border

1. Border type: Set a border type
2. Edge radius: Set your edge radius
3. Shadow of the box: Add a box shadow

Typography

Set font colors for the section

Note: The 'Set Typography' colors will not work if Default colors are enabled.

Advanced

Advanced

1. Margin: Sets the margin of the section
2. Filling: Sets the Padding section
3. Z index: Sets the Z index. More information about Z-Index
4. Entry Animation: Click the drop-down menu to choose an animation. More information on the entrance animation
5. CSS ID: Set a CSS ID for your column
6. CSS classes: Set CSS classes for your column
7. Sensitive: Show or hide the column on desktop, tablet or mobile device

Attributes (Pro only)

1. Add your own custom attributes. Learn more about custom attributes

Motion Effects (Pro Users Only)

1. Sticky: Set your section as Fixed and choose between Top or Bottom. More about Sticky
2. Entrance animation: Click the drop-down menu to choose an animation. More information on the entrance animation

Sensitive

1. Inverse columns: Swipe to reverse the order of the columns (great for mobile devices)
2. Visibility: Show or hide your section on your desktop, tablet or mobile device

Custom CSS (Pro only)

1. Add your own custom CSS. More on custom CSS