Documentation en français du builder Oxygen

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

Besoin d’un complément d’information ? Retrouvez-nous sur le groupe de soutien
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram