Saltar al contenido principal




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