Boîte d'icône

L’élément Icon Box affiche une icône avec une en-tête et un texte.

Ajouter Icon Box

Pour ajouter un élément Icon Box à votre page, cliquez sur +Add > Helpers > Icon Box.

Layout & Spacing – Disposition et espacement

• Content Alignment – Alignement du contenu : aligne tout le contenu de l’élément à gauche, au centre ou à droite.
• Icon Position – Position de l’icône : positionne l’icône par rapport au texte et au contenu du lien — en haut, à droite, à gauche ou en bas.
• Icon Vertical Alignment – Alignement vertical de l’icône : aligne l’icône verticalement dans l’élément de la boîte, en haut, au milieu ou en bas. Ce paramètre est visible uniquement lorsque Icon Position est défini à gauche ou à droite.
• Icon Space Before – Espace avant l’icône : définit l’espacement avant l’icône.
  • Si Icon Position est réglé sur le haut ou le bas, cela contrôle l’espacement au-dessus de l’icône.
  • Si Icon Position est défini à droite ou à gauche, cela contrôle l’espacement à gauche de l’icône
• Icon Space After – Espace après l’icône : définit l’espacement après l’icône.
  • Si Icon Position est réglé sur le haut ou le bas, cela contrôle l’espacement au bas de l’icône.
  • Si Icon Position est défini à droite ou à gauche, cela contrôle l’espacement à droite de l’icône.
• Heading Space Above : définit l’espacement au-dessus du titre.
• Heading Space Below : définit l’espacement en-dessous du titre..
• Text Space Above : définit l’espacement au-dessus du texte.
• Text Space Below : définit l’espacement en dessous du texte.
• Link Space Above : définit l’espacement au-dessus de la zone de lien de la zone d’icônes.
• Link Space Below : définit l’espacement en-dessous de la zone de lien de la zone d’icônes.

Responsive

Dans cet onglet, vous pouvez contrôler la responsivité de l’alignement des éléments dans l’élément Icon Box.

• Vertical Layout Below : définit la largeur de l’écran sous laquelle le contenu de la boite d’icônes sera aligné en fonction de l’alignement du contenu dans cet onglet.
• Content Alignment : l’alignement défini ici s’appliquera uniquement aux largeurs d’écran inférieures à la largeur définie dansVertical Layout Below.

Typography

Dans cet onglet, vous pouvez contrôler la typographie pour l’en-tête et le texte à l’intérieur de l’Icon Box.

Chacun de ces onglets a des paramètres de typographie, pareils à ceux trouvés dans Advanced > Typography.

Zone de lien

Faites glisser un bouton ou un lien dans la boîte d’icône pour l’imbriquer. Il sera affiché sous le texte.

Greg C. / Ph. Reskator