Comment créer une texture de fond en utilisant le diviseur de section Divi
Et texte: # dddddd direction du texte: gauche ou Centre (selon les préférences)
Ensuite, ouvrez la Sous – catégorie redimensionner de ce formulaire texte et faites les changements suivants: largeur: 55% alignement du formulaire: Centre Espacement en appliquant les marges personnalisées suivantes, nous créerons une distance entre ce module de texte, le module précédent et le bas de la ligne: haut: 50px bas: 100 px Sous la section précédente, nous ajouterons une autre section standard avec le fond de gradient suivant (dans ce cas, la couleur de fond n’est pas requise): première couleur: # 2f2542 deuxième couleur: # 6d345d type de gradient: direction de gradient linéaire: 166° position de départ: 38% position finale: 100% L’étape suivante consiste à ajouter un séparateur supérieur. Nous utiliserons les mêmes paramètres que le séparateur inférieur précédent. Le seul changement est la couleur: style de séparateur: trouver des séparateurs dans la liste couleur: rgba (96165165,0.18) hauteur du séparateur: 300 Px séparateur horizontal répétitif: 5px (bureau), 2px (tablette et téléphone) Assurez – vous que le remplissage supérieur de cette section est également supprimé: haut: 0px droite: 0px bas: 68 Px gauche: 0px Cloner les lignes de la section précédente et les placer dans une nouvelle section nous gagnons du temps en clonant les lignes utilisées dans la section précédente et en les insérant dans la nouvelle section. Cependant, nous devons apporter quelques modifications à cette ligne. Une des choses que nous devons changer est l’arrière – plan du gradient de ligne: première couleur: rgba (255255255,0) Deuxième couleur: rgba (96165165,0,27) type de gradient: direction du gradient linéaire: 219 degrés position de départ: 74% position finale: 100% Supprimer la colonne de fond de rampe 1 et l’image de fond comme indiqué dans sSur l’écran d’impression de l’échantillon, le module de la deuxième ligne est situé en face. La première chose que nous devons faire est d’enlever le fond gradué et l’image de fond de la première colonne. Ajoutez la colonne de fond de rampe 2, et nous ajouterons l’arrière – plan de rampe et l’image de fond à la deuxième colonne. Ajouter d’abord l’arrière – plan de gradient suivant: première couleur: # 44335d deuxième couleur: rgba (109,52,93,0,72) colonne 2 type de gradient: linéaire colonne 2 direction de gradient: 109 degrés colonne 2 position de départ: 0% colonne 2 position finale: 100% Ajouter la colonne image de fond 2 aller à l’onglet image de fond, télécharger l’image de fond, et s’assurer que l’image de fond est fusionnée avec l’arrière – plan gradué en utilisant le multiplicateur comme image. Modifier les filets les filets de cette ligne sont situés en bas à gauche et à droite, et non en haut à gauche et à droite. Pour placer un module existant dans la colonne 1, nous devons également faire glisser toutes les colonnes existantes une par une dans la première colonne au lieu de la deuxième. Appuyez sur le module image pour modifier l’image. Enfin, changez l’image dans le module image, et vous avez terminé! Séparateur de section de rechange no 1 changer le séparateur de section inférieur de la section no 1 pour utiliser le premier séparateur de section de rechange, vous devez changer le style du séparateur à ce qui suit (vous pouvez le trouver dans la liste): Changez le séparateur de section supérieure de la section # 2 pour sélectionner le même séparateur pour le séparateur de section supérieure de la deuxième section. Séparateur de section alternatif # 2 modifier le séparateur de section inférieur de la section # 1 la deuxième option utilise le style de séparateur suivant: Changez à nouveau le séparateur de section supérieure de la section # 2 et appliquez – le au séparateur de section supérieure de la deuxième section: Il s’est avéré