Créer un mélange étonnant avec les nouveaux paramètres de filtre de colonne Divi
Dans cette colonne, ajoutez un troisième formulaire texte qui contient une copie de l’appel d’action. Nous utilisons l’ensemble du module comme bouton.
Dessinez le formulaire comme suit: ajouter un lien ajoutez le lien que vous avez sélectionné dans les paramètres du lien. Une fois que quelqu’un clique n’importe où sur le formulaire, il est redirigé vers un autre endroit. Style de fond le gradient de fond correspond à la première forme de texte.Background: Gradient Background color 1: # 5498ff Gradient Background color 2: # 16fff3 gradient direction: 235 degrés Textinsert The Design tab and Model text as follows: Text font: montserrate text font Weight: Heavy text font style: underscore text underscore color: White # FFFFFF text color: Black # 000000 text size: desktop: 1.5vw Tablet: 3.3vw Phone: 4vw text Line height: 1EM Espacement ajuste les paramètres d’espacement pour mieux adapter le texte au formulaire. Remplissage en haut et en bas: Bureau: tablette 2vw: 6vw Téléphone: 9vw remplissage à gauche: 3vw Après avoir copié la première colonne deux fois la première colonne, ouvrez les paramètres de ligne et supprimez les deuxième et troisième colonnes. La première colonne est donc doublée deux fois. Bien sûr, nous devons apporter quelques modifications aux modules des colonnes 2 et 3. Colonne 2 \/ arrière – plan du module de texte 1 changer l’arrière – plan du premier module de texte en un gradient de couleur différent. Gradient Background color I: # c870ff Gradient Background color II: # ff355a Colonne 2 \/ zone d’ombre du formulaire de texte 2, puis ajoutez l’ombre intérieure au formulaire de texte 2. Boxshadows: 6th option force Fuzzy Shadows boxes: 20 Px boxshadows diffusion Force: 17px Color Shadows boxes: rgba (2253255,0,06) Colonne 2 \/ fond du module de texte 3 ajuster le gradient de fond du troisième module de texte pour correspondre au premier formulaire. Couleur de fond du gradient I: \ # c870f
F fondu dans la couleur de fond II: # ff355a Troisième colonne \/ bloc de texte 1 arrière – plan à troisième colonne! Modifier l’arrière – plan du gradient pour le module de texte 1 en conséquence: couleur de fond du gradient I: # ff4800 couleur de fond du gradient II: # fc9a2a Colonne 2 \/ arrière – plan du module de texte 3 le troisième module de texte utilise le même arrière – plan gradué. Gradient Background color I: # ff4800 Gradient Background color II: # fc9a2a Aperçu maintenant que nous avons terminé toutes les étapes, regardons enfin les résultats sur les différents écrans de taille. Bureau Mobile Dans cet article, nous vous montrons comment utiliser les paramètres de colonne de Divi pour créer un design à trois colonnes avec des effets de fusion étonnants. Nous avons combiné les paramètres de forme, de colonne et de ligne pour obtenir de bons résultats que vous pouvez utiliser sur n’importe quel site Web que vous créez. Nous espérons que ce tutoriel vous inspirera également à créer vos propres conceptions alternatives. Si vous avez des questions ou des suggestions, assurez – vous de laisser un commentaire dans la section commentaires ci – dessous!