fbpx

Comme souvent, il existe de nombreuses extensions pour répondre aux innombrables besoins des utilisateurs. Mais aujourd’hui, nous examinerons comment utiliser les options de base d’Elementor pour positionner plusieurs boutons sur une seule et même ligne.

https://youtu.be/RptyxBa7snE

Les Sections Imbriquées

Les Sections Imbriquées constituent une manière efficace de structurer son contenu. Pour positionner rapidement plusieurs boutons sur une même ligne, il suffit de

  • rajouter au sein de la section concernée une Section Interne ayant autant de colonnes que les boutons qu’on souhaite utiliser;
  • mettre au sein de chaque colonne de la Section Interne un des boutons à utiliser;
  • finaliser l’apparence globale avec de la mise en forme.

Un des avantages majeurs des sections imbriquées est que ces dernières peuvent comporter une mise en forme différente du reste de la colonne.

Les Options de Largeur et de Positionnement

L’autre méthode, plus directe, consiste à exploiter les options de positionnement et de largeur présentes au sein d’Elementor. Pour cela, il suffit de

  • rajouter les boutons au sein de la colonne ou section désirée;
  • pour chaque bouton bouton concerné,
    • le sélectionner;
    • se rendre dans l’onglet Avancé > Positionning > Largeur;
    • sélectionner dans la liste l’option En Ligne (inline)
  • valider

Lorsqu’on utilise cette option, il arrive que les boutons se collent les uns aux autres. Pour éviter cela, on pourra par exemple ajouter de l’espacement au niveau des marges de chaque bouton.

Soka!