Passer au contenu principal

Table des matières




La conception

  1. Largeur de colonne (%): Définissez la largeur de vos colonnes
  2. Alignement vertical: Establece la alineación vertical del Contenu de la columna. De esta manera, podrá pegar el contenido de todas las columnas de una sección en la parte inferior, media o superior o «estirar para llenar» para alinear columnas con alturas desiguales. Elija entre Superior, Medio, Inferior, Espacio entre, Espacio alrededor, Espacio uniforme
  3. Alignement horizontal: Esto amplía la capacidad del positionnement en línea y le permite alinear horizontalmente los widgets en línea que se colocan en la misma fila. Elija entre Inicio, Centro, Fin, Espacio entre, Espacio alrededor, Espacio uniforme
  4. Hashtag HTML: Définissez une balise HTML pour votre colonne. Plus d'informations sur les balises HTML

Définitions de l'espace

  • L'espace entre - Les widgets commencent et se terminent au bord de la colonne, avec le même espace entre eux
  • Espace autour - Les widgets sont régulièrement espacés et les bordures font la moitié de la taille de l'espace entre les widgets
  • Espace uniforme - Les widgets ont le même espace entre, avant et après eux

Style

Antécédents

Type de fonds: Elija entre Clásico o Dégradé


Superposition d'arrière-plan

  1. Type de fonds: Choisissez entre Classique ou Dégradé
  2. Mode de mixage: Définir un mode de fusion
  3. Filtres CSS: Ajoutez du flou, de la luminosité, du contraste et de la saturation

Frontière

  1. Type de bordure: Définir un type de bordure
  2. Rayon du bord: Définissez le rayon de votre bord
  3. Ombre de la boîte: Ajouter une ombre de boîte

Typographie

Définir les couleurs de police pour la section

Noter: Les couleurs 'Définir la typographie' ne fonctionneront pas si Couleurs par défaut sont activés.


Avancée

Avancée

  1. Marge: Définit la marge de la section
  2. Farci: Définit la section Padding
  3. Indice Z: Définit l'index Z. Plus d'informations sur l'index Z
  4. Entrée Animation: Cliquez sur le menu déroulant pour choisir une animation. Plus d'informations sur l'animation d'entrée
  5. ID CSS: Définissez un identifiant CSS pour votre colonne
  6. Classes CSS: Définissez des classes CSS pour votre colonne
  7. Sensible: Afficher ou masquer la colonne sur un ordinateur de bureau, une tablette ou un appareil mobile

Attributs (Pro uniquement)

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


Effets de mouvement (utilisateurs Pro uniquement)

  1. Collant: Définissez votre section comme fixe et choisissez entre Haut ou Bas. En savoir plus sur Sticky
  2. Animation d'entrée: Cliquez sur le menu déroulant pour choisir une animation. Plus d'informations sur l'animation d'entrée

Sensible

  1. Colonnes inverses: Faites glisser votre doigt pour inverser l'ordre des colonnes (idéal pour les appareils mobiles)
  2. Visibilité: Affichez ou masquez votre section sur votre ordinateur, votre tablette ou votre appareil mobile

CSS personnalisé (Pro uniquement)

  1. Ajoutez votre propre CSS personnalisé. En savoir plus sur le CSS personnalisé