Widget de cuadro de imagen

los Widget de cuadro de imagen le permite agregar un cuadro de imagen que combina una imagen con un título y texto, que se usa a menudo en las secciones de Funciones, como una alternativa al uso del widget Cuadro de iconos.

Contenido

1. Elegir imagen: Seleccione una imagen de la biblioteca de medios o cargue una nueva imagen
2. Tamaño de la imagen: Seleccione el tamaño de la imagen, de miniatura a completa, o ingrese un tamaño personalizado
3. Descripción del Título: Agrega el título y la descripción que aparecerá en el cuadro de la imagen
4. Enlace a: Introduzca la URL del enlace del elemento. Haga clic en el Opciones de enlace diente para agregar rel = nofollow al enlace o para abrir el enlace en una nueva ventana.
5. Posición de la imagen: Establezca la posición de la imagen a la izquierda, arriba o derecha, en relación con el título y la descripción (en la vista Móvil permanecerá centrada).
6. Etiqueta HTML de título: Establezca la etiqueta HTML del título como H1 … H6, div, span o párrafo

Estilo

Imagen

1. Espaciado: Establece el espacio exacto entre la imagen y el título
2. Anchura: Escala el ancho de la imagen de 0 a 100%
3. Animación de desplazamiento: Agregar animación de desplazamiento a la imagen
4. Filtros CSS: Ajusta el estilo de la imagen cambiando el Filtro CSS escalas para los ajustes de Desenfoque, Brillo, Contraste, Saturación y Tono en los estados Normal y Hover
5. Opacidad: Controla la opacidad de la imagen en los estados Normal y Hover
6. Duración de la transición: Establezca el tiempo que tarda en aparecer cada diapositiva. Este tiempo está en milisegundos, por lo que 1000 ms es igual a 1 segundo

Contenido

1. Alineación: Alinea el contenido a la izquierda, derecha, centro o justificado
2. Alineamiento vertical: Alinea el contenido con la parte superior, media o inferior del cuadro

Título

1. Espaciado: Establece el espacio entre el título y la descripción
2. Color: Establece el color del título
3. Tipografía: Establece las opciones de tipografía para el título

Descripción

1. Color: Establece el color del texto de descripción
2. Tipografía: Establece las opciones de tipografía para la descripción

Avanzado

Establecer las opciones avanzadas que son aplicables a este widget