Passer au contenu principal
Elementor

Widget de boîte à icônes




Los cuadros de iconos son muy útiles al crear sitios la toile. 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 Le contenu

Dans l'onglet contenu, vous avez un contrôle total sur le contenu du widget.

  • Regarder - Réglez l'affichage des icônes sur «Par défaut», «Empilé» ou «Encadré». Empilé avec un arrière-plan et encadré d'un cadre entourant l'icône.
  • Choisissez l'icône - Vous avez ici une liste de toute la collection d'icônes Font Awesome.
  • description du titre - Insérez le titre et la description de votre widget Icon Box.
  • Relier à - Insérez un lien et choisissez s'il s'ouvrira dans une nouvelle fenêtre.
  • Position de l'icône - Définissez la position de l'icône sur le côté gauche, supérieur ou droit de la boîte (en vue Mobile, elle restera centrée).
  • Hashtag HTML de título – Elija la etiqueta del título, entre H1..H6, Div, Span o P.


Onglet Style

1. Icône

  • Couleur primaire - notez que si vous choisissez une boîte à icônes empilée ou encadrée, elle aura également une couleur secondaire.
  • Espacement des icônes - L'espace entre l'icône et l'en-tête.
  • Taille de l'icône - Augmentez et réduisez la taille de l'icône.
  • Icône de rotation - Faites pivoter l'icône.

2. Icône flottante

Choisissez la couleur principale et secondaire de l'icône de défilement.

Animation - Choisissez parmi une longue liste d'animations pour le défilement.

3. Contenu

à. Qualification

  • Alignement - Gauche, centre, droite ou justifié.
  • Alignement vertical - Haut, milieu et bouton.
  • Espacement des titres - Définissez l'espace entre le titre et la description.
  • Couleur du titre - Changez la couleur du titre.
  • Typographie - Ici, je peux personnaliser la typographie du titre.

Oui. La description

  • Description de la couleur - Changez la couleur de la description.
  • Typographie - Choisissez personnalisé pour changer la police, tout comme avec le titre.

Avancée

Définissez les options avancées applicables à ce widget