Lengüeta avanzada

Estas son las posibles configuraciones disponibles en la pestaña Avanzado de una sección, columna o widget. No todas las configuraciones están disponibles para todos los elementos.

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 CSSConcepto de CSS¿Qué es el CSS?CSS es un lenguaje de programación que se usa para definir el estilo y el aspecto de un documento que se ha escrito mediante de un lenguaje de etiquetas, como HTML. Conocido además como hojas de estilo en cascada, es el que se emplea para dar colores, indicar tipos de letra o inclusive resaltar aspectos como el espacio entre items para dotar de estilo a más: Establezca un ID de CSS para su sección
5. Clases CSS: Establece clases CSS para tu sección, separadas por espacios

Efectos de movimiento

1. Adhesivo (solo Pro): Establece tu sección como Fija y elige entre Superior o Inferior. Más información sobre Sticky
2. Efectos de desplazamiento (solo Pro): 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

Antecedentes

Las siguientes opciones se pueden configurar de forma independiente para los estados normal y flotante.

1. Tipo de fondo: Elija entre Clásico o DegradadoConcepto de Degradado¿Qué es un Degradado?El Degradado es una técnica que está fundamentalmente vinculado con el terreno del diseño gráfico y la maquetación, con todo lo que tiene que ver con la elaboración de imágenes o su modificación. Se trata de combinar dos colores de forma que uno va perdiendo intensidad a medida que el otro la va ganando, realizando una transición cromática suave que puede obtener resultados muy impactantes.Una más

Frontera

Las siguientes opciones se pueden configurar de forma independiente para los estados normal y flotante.

1. Tipo de borde: Seleccione el tipo de borde, eligiendo entre ninguno, sólido, doble, punteado, discontinuo o ranurado
2. Radio de borde: Establece el radio del borde para controlar la redondez de las esquinas
3. Sombra de la caja: Ajustar las opciones de sombra del cuadro

Posicionamiento

1. Anchura: Seleccione el ancho del elemento, eligiendo entre Ancho completo (100%), En línea (automático) o Personalizado.
2. Ancho personalizado: Solo disponible si Personalizado esta elegido. Utilice el control deslizante para ajustar el ancho del elemento dentro de la columna.
3. Alineación vertical: Solo disponible si Ancho completo (100%) o En línea (automático) esta elegido. Seleccione para mostrar el elemento al inicio, al centro o al final.
4. Posición: Seleccione la posición del elemento, eligiendo Predeterminado, Absoluto, Fijo o Personalizado. Absoluto posiciona un elemento absolutamente a su primer padre posicionado. Fijo coloca un elemento en relación con la ventana gráfica del usuario.

Si se selecciona Absoluto o Fijo, las siguientes opciones también estarán disponibles.

1. Orientación horizontal: Establece el benchmark horizontal para el posicionamiento absoluto, con opciones de Inicio o Fin.
2. Compensar: Cambia el benchmark horizontal por la cantidad de compensación
3. Orientación vertical: Establece el benchmark vertical para el posicionamiento absoluto, con opciones de Inicio o Fin.
4. Compensar: Cambia el benchmark vertical por la cantidad de compensación

Aprende más: Cómo establecer la posición absoluta de un elemento

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