Descripción general de la columna

Diseño

1. Ancho de columna (%): Establezca el ancho de sus columnas
2. Alineación vertical: Establece la alineación vertical del contenido 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. Alineación horizontal: Esto amplía la capacidad del posicionamiento 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. Etiqueta HTML: Establezca una etiqueta HTML para su columna. Más información sobre etiquetas HTML

Definiciones de espacio

• Espacio entre – Los widgets comienzan y terminan en el borde de la columna, con el mismo espacio entre ellos
• Espacio alrededor – Los widgets están espaciados equitativamente y los bordes tienen la mitad del tamaño del espacio entre widgets
• Espacio uniforme – Los widgets tienen el mismo espacio entre, antes y después de ellos

Estilo

Antecedentes

Tipo de fondo: Elija entre Clásico o Degradado

Superposición de fondo

1. Tipo de fondo: Elija entre Clásico o Degradado
2. Modo de mezcla: Establecer un modo de fusión
3. Filtros CSS: Agregue desenfoque, brillo, contraste y saturación

Frontera

1. Tipo de borde: Establecer un tipo de borde
2. Radio de borde: Establezca su radio de borde
3. Sombra de la caja: Agregar una sombra de cuadro

Tipografía

Establecer colores de tipografía para la sección

Nota: Los colores de ‘Establecer tipografía’ no funcionarán si Colores predeterminados están habilitados.

Avanzado

Avanzado

1. Margen: Establece el margen de la sección
2. Relleno: Establece la sección Padding
3. Índice Z: Establece el índice Z. Más información sobre Z-Index
4. Entrada Animación: Haga clic en el menú desplegable para elegir una animación. Más información sobre la animación de entrada
5. ID de CSS: Establezca un ID de CSS para su columna
6. Clases CSS: Establezca clases CSS para su columna
7. Sensible: Muestra u oculta la columna en el escritorio, tableta o dispositivo móvil

Atributos (solo Pro)

1. Agregue sus propios atributos personalizados. Obtenga más información sobre los atributos personalizados

Efectos de movimiento (solo usuarios Pro)

1. Pegajoso: Establece tu sección como Fija y elige entre Superior o Inferior. Más información sobre Sticky
2. Animación de entrada: Haga clic en el menú desplegable para elegir una animación. Más información sobre la animación de entrada

Sensible

1. Columnas inversas: Deslice para invertir el orden de las columnas (ideal para dispositivos móviles)
2. Visibilidad: Muestra u oculta tu sección en tu escritorio, tableta o dispositivo móvil

CSS personalizado (solo Pro)

1. Agregue su propio CSS personalizado. Más información sobre CSS personalizado