Los cuadros de iconos son muy útiles al crear sitios web. El uso más común es para secciones que enumeran características de productos o servicios. En este video tutorial, verá las diversas opciones que tiene para personalizar cada elemento de este widget: el ícono, el título y la descripción. Los iconos se derivan de Font Awesome Icons, y puedes buscarlos y elegir el correcto.
Ficha Contenido
En la pestaña de contenido, tienes control total sobre el contenido del widget.
- Ver – Establezca la vista del icono como ‘Predeterminado’, ‘Apilado’ o ‘Enmarcado’. Apilado con un fondo y enmarcado con un marco que rodea el icono.
- Elegir icono – Aquí tienes una lista de toda la colección de iconos de Font Awesome.
- Descripción del Título – Inserte el título y la descripción de su widget de Icon Box.
- Enlace a – Inserte un enlace y elija si se abrirá en una nueva ventana.
- Posición del icono – Establezca la posición del icono en el lado izquierdo, superior o derecho del cuadro (en la vista Móvil permanecerá centrado).
- Etiqueta HTML de título – Elija la etiqueta del título, entre H1..H6, Div, Span o P.
Ficha Estilo
1. Icono
- Color primario – tenga en cuenta que si elige un cuadro de icono apilado o enmarcado, también tendrá un color secundario.
- Espaciado de iconos – El espacio entre el icono y el encabezado.
- Tamaño de ícono – Escale hacia arriba y hacia abajo el tamaño del icono.
- Girar icono – Gire el icono.
2. Icono flotante
Elija el color primario y secundario para el icono de desplazamiento.
Animación: elija de una larga lista de animaciones para el desplazamiento.
3. Contenido
a. Título
- Alineación – Izquierda, centros, derecha o justificada.
- Alineación vertical – Top, medio y botón.
- Espaciado de títulos – Establecer el espacio entre el título y la descripción.
- Color del título – Cambiar el color del título.
- Tipografía – Aquí puedo personalizar la tipografía del título.
si. Descripción
- Descripción color – Cambia el color de la descripción.
- Tipografía – Elija personalizado para cambiar la tipografía, al igual que con el título.
Avanzado
Establecer las opciones avanzadas que son aplicables a este widget