Disposition

  1. Étirer la section : forcer la section à s’étirer sur toute la largeur de la page
  2. Largeur du contenu : définissez la largeur du contenu sur Boîte ou Pleine largeur. Lorsque vous choisissez Boxed – utilisez le curseur pour définir votre largeur
  3. Écart de colonnes : définissez votre espacement de colonnes
  4. Hauteur : choisissez entre Ajuster à l’écran : votre section remplira l’écran et Hauteur minimale : définissez une hauteur minimale et utilisez le curseur pour définir la hauteur de votre section.
  5. Alignement vertical : définissez l’alignement vertical du contenu de votre section
  6. Balise HTML : définissez une balise HTML pour votre section. En savoir plus sur les balises HTML

Style

Arrière-plan (normal et survolé)

Type d’ arrière-plan : choisissez entre l’ arrière-plan classique , dégradé ou vidéo

Superposition d’arrière-plan (normal et survolé)

  1. Type d’arrière-plan : choisissez entre Classique ou Dégradé

Mode de fusion : définir un mode de fusion

Bordure (normale et survolée)

  1. Type de bordure : définir un type de bordure
  2. Rayon de la bordure : définissez votre rayon de la bordure
  3. Ombre de boîte : ajouter une ombre de boîte

Diviseur de forme (normal et survolé)

  1. Type : cliquez sur la liste déroulante pour choisir votre style de diviseur de forme
  2. Couleur : choisissez une couleur
  3. Largeur : définissez la largeur de votre séparateur de forme
  4. Hauteur : définissez la hauteur de votre séparateur de forme
  5. Retourner : inversez la direction de votre diviseur de forme
  6. Mettre au premier plan : forcez votre séparateur de forme à être devant d’autres objets

Typographie

  1. Définir les couleurs de typographie pour la section
  2. Remarque : les couleurs «Définir la typographie» ne fonctionneront pas si les couleurs par défaut sont activées.

Avancée

Avancée

  1. Marge : définir la marge de la section
  2. Padding : définir la section Padding
  3. Z-index : définissez le Z-Index. En savoir plus sur Z-Index
  4. ID CSS : définissez un ID CSS pour votre section
  5. Classes CSS : définissez des classes CSS pour votre section

Effets de mouvement (utilisateurs Pro uniquement)

  1. Sticky : définissez votre section comme Sticky et choisissez entre Top ou Bottom. En savoir plus sur Sticky
  2. Effets de défilement : définissez Effets de défilement sur Activé pour choisir parmi une variété d’animations et d’interactions pouvant se produire lorsque l’utilisateur parcourt la page. En savoir plus sur les effets de défilement
  3. Animation d’entrée : cliquez sur la liste déroulante pour choisir une animation. En savoir plus sur l’animation d’entrée

Sensible

Inverser les colonnes : faites glisser pour inverser l’ordre de vos colonnes (idéal pour les mobiles)
Visibilité : affichez ou masquez votre section sur un ordinateur de bureau, une tablette ou un mobile

Attributs (Pro uniquement)

Ajoutez vos propres attributs personnalisés. En savoir plus sur les attributs personnalisés

CSS personnalisé (Pro uniquement)

Ajoutez votre propre CSS personnalisé

Source : https://docs.elementor.com/article/365-section-overview