Saltar al contenido principal




Diseño

  1. Ancho del contenido: Establezca el Ancho del contenido en Cuadro o Ancho completo. Al elegir Boxed, use el control deslizante para establecer su ancho
  2. Espacio entre columnas: Establezca el espacio entre columnas
  3. Altura: Escoger entre Ajustar a la pantalla: Su sección llenará la pantalla y Altura mínima: Establezca una altura mínima y use el control deslizante para establecer la altura de la sección
  4. Alineación vertical: Establece la alineación vertical del contenido de tu sección
  5. Desbordamiento: Seleccione cómo manejar el contenido que desborde su contenedor. Defecto permite el desbordamiento. Seleccione Oculto para ocultar el contenido desbordado.
  6. Estirar la sección: Fuerza la sección a estirarse a todo el ancho de la página
  7. Etiqueta HTML: Establezca una etiqueta HTML para su sección. Más información sobre etiquetas HTML

Estilo

Fondo (normal y flotante)

  1. Antecedentes Tipo: Elija entre Clásico, Degradado o Fondo de video

Superposición de fondo (normal y flotante)

  1. Tipo de fondo: Escoger entre Clásico o Degradado
  2. Modo de mezcla: Establecer un modo de fusión

Borde (normal y flotante)

  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

Divisor de forma (normal y flotante)

  1. Tipo: Haga clic en el menú desplegable para elegir su estilo de divisor de forma
  2. Color: Elige un color
  3. Anchura: Establece el ancho de tu Shape Divider
  4. Altura: Establece la altura de tu Shape Divider
  5. Dar la vuelta: Cambia la dirección de tu divisor de formas
  6. Traer al frente: Fuerza tu Divisor de formas para que esté frente a otros objetos

Más información sobre Shape Divider


Tipografía

  1. 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. ID de CSS: Establezca un ID de CSS para su sección
  5. Clases CSS: Establece clases CSS para tu sección

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. Efectos de desplazamiento: Establecer Efectos de desplazamiento a Activado para elegir entre una variedad de animaciones e interacciones que pueden ocurrir cuando el usuario se desplaza por la página. Más información sobre los efectos de desplazamiento
  3. 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

Atributos (solo Pro)

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

CSS personalizado (solo Pro)

  1. Agrega tu propio CSS personalizado