Skip to main content




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 Content

In the content tab, you have full control over the content of the widget.

  • Watch - Set the icon view to 'Default', 'Stacked' or 'Framed'. Stacked with a background and framed with a frame surrounding the icon.
  • Choose icon - Here you have a list of the entire collection of Font Awesome icons.
  • Title Description - Insert title and description of your Icon Box widget.
  • Link to - Insert a link and choose if it will open in a new window.
  • Icon position - Set the position of the icon on the left, top or right side of the box (in Mobile view it will remain centered).
  • Label HTML de título – Elija la etiqueta del título, entre H1..H6, Div, Span o P.


Style tab

1. Icon

  • Primary color - note that if you choose a stacked or framed icon box, it will also have a secondary color.
  • Icon spacing - The space between the icon and the header.
  • Icon size - Scale up and down the size of the icon.
  • Rotate icon - Rotate the icon.

2. Floating icon

Choose the primary and secondary color for the scroll icon.

Animation - Choose from a long list of animations for scrolling.

3. Contents

to. Qualification

  • Alignment - Left, centers, right, or justified.
  • Vertical alignment - Top, middle and button.
  • Title spacing - Set the space between the title and the description.
  • Title color - Change the color of the title.
  • Typography - Here I can customize the typography of the title.

Yes. Description

  • Color description - Change the color of the description.
  • Typography - Choose custom to change the font, just like with the title.

Advanced

Set the advanced options that are applicable to this widget