Comment utiliser Divi (6 palettes de gradient!)

La méthode ale YouTube met les palettes sélectionnées à portée de main et garde le numéro de chaque Palette dans l’état du tutoriel. Nous allons nous référer au numéro de couleur de la palette, identifier une palette et réutiliser sa couleur dans l’ensemble de l’exemple. Vous pouvez cloner la section plus tard et appliquer d’autres palettes pour voir les résultats en temps réel pour créer des formes ombragées dans la section héros, Nous avons utilisé des formulaires de texte vides. Chacune de ces formes a été faite avec les options intégrées de Divi. Recréer la conception de la section Hero ajouter une nouvelle section Gradient background créer une nouvelle page ou ouvrir une page existante, puis créer une nouvelle section en utilisant le gradient background suivant:
Première couleur de gradient: couleur No 1 (trouvée dans la palette que vous avez sélectionnée) Deuxième couleur de gradient: couleur No 2 (trouvée dans la palette que vous avez sélectionnée) type de gradient: direction de gradient linéaire: 160 degrés Passez maintenant à l’onglet conception et appliquez le plus petit diviseur suivant à cette section: style de séparateur: trouver la couleur du séparateur dans la liste: couleur No 3 (trouver dans la palette que vous avez sélectionnée) hauteur du séparateur: 500 Px disposition du séparateur: sous la Section Ensuite, ouvrez la Sous – catégorie espacement et créez de l’espace pour le haut et le bas de la section en ajoutant 100 Px au remplissage supérieur et inférieur. Ajouter une nouvelle ligne de structure de colonne après avoir terminé la configuration de la section, continuer à ajouter une ligne aux deux colonnes. Gradient background column 2 Ouvrez les paramètres de ligne avant d’ajouter des modules. Tout d’abord, nous devons appliquer un gradient à la deuxième colonne de cette ligne: première couleur de gradient: couleur # 6 (trouvée dans la palette que vous avez sélectionnée) couleur deuxième Gradient: couleur # 7 (trouvée dans la palette que vous avez sélectionnée)
Dans le formulaire de texte vide créé dans la partie précédente de ce tutoriel, ajoutez un autre formulaire de texte qui contient le titre de la section héros. Ouvrez la Sous – catégorie arrière – plan et appliquez l’arrière – plan de gradient suivant: première couleur de gradient: couleur # 6 (dans la palette que vous avez sélectionnée) couleur deuxième Gradient: couleur # 7 (dans la palette que vous avez sélectionnée) Direction de gradient: 156deg position de départ: 6% position finale: 47% Paramètres de texte vous pouvez utiliser les paramètres de texte que vous voulez, mais pour créer exactement le même design, Utilisez les paramètres suivants pour les sous – catégories de texte: police de texte: poids de police de texte ridé: style de police de texte gras: couleur de soulignement de texte soulignée: rgba (255255255,0.17) style de soulignement de texte: taille de texte simple: 100 Px hauteur de ligne de texte: 1 mètre direction de Texte: gauche Espacement quelques espaces sont également appliqués à ce module de texte: marge supérieure: – 100 Px marge supérieure: 70 Px marge inférieure: 20 Px marge gauche: 70 px Enfin, nous ajouterons un filet dans le coin supérieur gauche de \