Comment créer un maillage lors de l’utilisation du vol stationnaire sans soudure Divi

Couleur de fond blanche. Couleur de fond: # FFFFFF Ajouter une structure de ligne 1 continuer à ajouter de nouvelles lignes en utilisant la structure de colonne suivante: Redimensionner sans ajouter de module, ouvrez les paramètres de ligne et changez les paramètres de taille comme suit:
Utiliser une largeur de gouttière personnalisée: Oui largeur de gouttière: 1 largeur: 100% largeur maximale: 100%

Espacement ensuite, supprimez tous les remblais supérieurs et inférieurs par défaut. Remplissage supérieur: 0px remplissage inférieur: 0px La bordure e Comprend les bords supérieur et inférieur. Largeur du bord supérieur et du bord inférieur: 1 Px couleur du bord supérieur et du bord inférieur: # d3d3d3d3 Paramètres de colonne 1 la souris déplace l’arrière – plan de la rampe à l’étape suivante, nous avons les paramètres de colonne 1. Appliquer un fond de rampe lorsque vous passez le curseur. Couleur 1: rgb (255255255,0) couleur 2: # 000000 Gradient Type: Linear start position: 30% L’image de fond lorsque vous déplacez la souris charge également l’image de fond lorsque vous déplacez la souris. Taille de l’image de fond: couverture emplacement de l’image de fond: Centre La classe CSS e complète la configuration de la colonne en spécifiant la classe CSS suivante sur l’onglet avancé: classe CSS: colonne de vol stationnaire Ajouter un formulaire Texte 1 à la colonne 1 ajouter du contenu H3 il est temps d’ajouter un module, en commençant par le premier formulaire texte de la colonne 1. Utilisez un peu de H3 de votre choix. Paramètres de texte H3 passer à l’onglet conception du formulaire et modifier les paramètres de texte H3 comme suit:
Titre 3 caractères: en – tête Oswald 3 poids de police: en – tête ultralight 3 style de police: couleur du texte en majuscules titre 3: # 0a0a en – tête 3 taille du texte: Bureau: tablette 3vw: 7vw Téléphone: 14vw en – tête 3 espacement des lettres: – 2px Redimensionner modifie la largeur entre les différentes tailles d’écran dans les paramètres de l’écran
Bas: 8% marge gauche: 9% marge droite: 9% marge inférieure: 5% marge droite: 20% Les ombres sont ensuite appliquées à la boîte. Position horizontale de l’ombre du cadre: 0px position verticale de l’ombre du cadre: 2px couleur de l’ombre: # 000000 La classe CSS e complète la configuration du module en assignant la classe CSS suivante au bouton: classe CSS: bouton de transfert de souris Réutiliser la colonne 1 supprimer les colonnes 2, 3 et 4 maintenant que nous avons construit la première colonne, nous pouvons la réutiliser. La première chose que nous devons faire est de supprimer les colonnes vides de la ligne. Cloner la colonne 1 trois fois nous la réutiliserons en clonant la colonne 1 trois fois. Changez l’image de fond lorsque vous passez le curseur sur une colonne répétitive changez l’image de fond de la colonne répétitive dans chaque colonne répétitive. Modifier le contenu en double dans chaque colonne en double et le contenu du formulaire. Colonne 1 Nous devons appliquer des paramètres de bordure uniques à chaque colonne, en commençant par la colonne 1. Largeur du bord droit: Bureau: 1px tablette: 1px téléphone mobile: 0px couleur du bord droit: # d3d3d3 largeur du bord inférieur: Bureau: 0px tablette: 1px téléphone mobile: 1px couleur du bord inférieur: # d3d3d3 Colonne 2 ensuite, nous avons la colonne 2. Largeur du bord droit: Bureau: 1px tablette: 0px téléphone mobile: 0px couleur du bord droit: # d3d3d3 largeur du bord inférieur: Bureau: 0px tablette: 1px téléphone mobile: 1px couleur du bord inférieur: # d3d3d3 Colonne 3, nous utiliserons les paramètres de bordure suivants pour la colonne 3: largeur de la bordure droite: Bureau: 1px tablette: 1px téléphone mobile: 0px couleur de la bordure droite: # d3d3d3 largeur de la bordure inférieure: Bureau: 0px tablette: 0px téléphone mobile: 1px couleur de la bordure inférieure: # d3d3d3d3 Ajouter du code CSS personnalisé à la configuration de la page ouvrir la configuration de la page maintenant que nous avons terminé la conception complète, la seule chose à faire est d’ajouter du code CSS

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *