Comment utiliser la section spéciale de Divi pour concevoir une section de héros Multi – colonnes unique

Mise en page des colonnes pour créer des sections Hero à colonnes multiples sans interruption, nous utiliserons une section Divi spéciale que vous pouvez accéder dans Visual Builder. Lors de la conception d’une partition Hero Multi – colonnes, le choix d’une partition spéciale vous donne une meilleure idée de la structure de grille souhaitée. Pour cet exemple particulier, nous sélectionnons la structure de colonne suivante: La couleur de fond ouvre la section paramètres et ajoute une couleur de fond blanche. Couleur de fond: # FFFFFF Nous changeons les paramètres de taille pour nous assurer qu’il n’y a pas d’espace entre les colonnes de la section. Hauteur de colonne équilibrée: Oui en utilisant la largeur de gouttière personnalisée: Oui largeur de gouttière: 1 largeur: 100% largeur maximale: 100% largeur intérieure: 100% largeur intérieure maximale: 100% largeur intérieure maximale: 100% Espacement nous avons également supprimé tous les remblais supérieurs et inférieurs par défaut pour les lignes et les colonnes. Remplissage supérieur: 0px remplissage inférieur: 0px remplissage supérieur 1: 0px remplissage inférieur 1: 0px remplissage supérieur 2: 0px remplissage inférieur 2: 0px remplissage supérieur 3: 0px remplissage inférieur 3: 0px Ajouter une structure de ligne 1 continuer à ajouter de nouvelles lignes à la première colonne de la section en utilisant la structure de colonne suivante: Sans ajouter de modules, ouvrez les paramètres de ligne et supprimez tous les remplissages par défaut en haut et en bas. Remplissage supérieur: 0px remplissage inférieur: 0px Ajouter un formulaire texte à ajouter un paragraphe et une colonne de contenu H1 il est temps de commencer à ajouter un formulaire! Ajoutez un nouveau formulaire texte qui contient les paragraphes de votre choix et le contenu H1. Les paramètres de texte passent à l’onglet conception et changent les paramètres de texte.
Police de texte: taille ouverte sans Tea
Marge droite: 2vw Ajouter un formulaire Texte 2 à la colonne 1 ajouter du contenu le formulaire suivant et le dernier formulaire dont nous avons besoin dans cette colonne est un autre formulaire texte. Saisissez le contenu du paragraphe que vous avez sélectionné. Paramètres de texte passer à l’onglet conception et modifier les paramètres de texte en conséquence: police de texte: Open Sans Taille de texte: 0.6vw (bureau), 1.1vw (tablette), 2vw (téléphone) hauteur de la ligne de texte: 2em L’espacement ajoute un peu de remplissage en bas et à droite. Marge inférieure: 5vw (téléphone seulement) Marge droite: 2vw Cloner tous les modules de la colonne 1 deux fois et placer des duplicatas dans les colonnes restantes. Une fois que tous les modules de la colonne 1 ont terminé, vous pouvez continuer à les cloner deux fois. Placer les duplicatas dans les deux colonnes restantes de la ligne. Modifier le contenu assurez – vous que tout le contenu du formulaire texte est édité. Ajouter une structure de colonne ligne # 3 la ligne suivante et la dernière ligne requise dans la première colonne de cette section utilisent la structure de colonne suivante: L’espacement ouvre les paramètres de ligne et modifie les valeurs d’espacement. Marge supérieure: 2vw marge supérieure: 0px marge inférieure: 0px Ajoutez un formulaire texte à la colonne 1 ajoutez du contenu en ajoutant un formulaire texte à la première colonne et une copie de l’appel à l’action que vous avez sélectionné. Ajouter des liens vous permet également d’ajouter des liens à l’ensemble du module. Couleur de fond nous changeons également la couleur de fond du formulaire texte. Couleur de fond: # 000000 Paramètres de texte passer à l’onglet conception et modifier les paramètres de texte en conséquence: police de texte: Open Sans poids de police de texte: ultra bold style de police de texte: alignement du texte en majuscules: Centre de couleur du texte: # FFFFFF taille du texte: 1vw (bureau), 1,7vw (tablette), 2,5vw (téléphone) Espacement e cre