Vérifiez votre adresse e – mail pour confirmer votre abonnement et Obtenez gratuitement le paquet hebdomadaire Divi Layout! Lorsque vous téléchargez le modèle dans Divi Theme Builder et saisissez le modèle, vous remarquerez que la section n’est pas visible. C’est parce que l’effet lui a été appliqué. Pour modifier différents éléments, vous pouvez passer en mode wireframe et accéder aux éléments qui y sont, ou supprimer temporairement les paramètres de transformation des sections et des éléments principaux et les réinsérer après avoir modifié la conception de l’en – tête.
1. Construire la structure de l’élément de titre dans le nouveau modèle de titre créer un nouveau modèle de titre global, d’abord aller au générateur de thème Divi. Là, vous commencez à créer de nouveaux en – têtes globaux ou personnalisés. Une fois que les paramètres de couleur de fond sont entrés dans l’éditeur de modèles, vous remarquerez une section. Ouvrez certains paramètres et changez la couleur de fond. Couleur de fond: # 001b34
L’espacement passe à l’onglet conception de la section et supprime tous les remblais supérieurs et inférieurs par défaut.
Remplissage supérieur: 0px remplissage inférieur: 0px
Ajouter une nouvelle ligne de structure de colonne continuer en ajoutant une nouvelle ligne en utilisant la structure de colonne suivante: Sans ajouter de module à nouveau, ouvrez les paramètres de ligne et appliquez la couleur de fond que vous avez sélectionnée. Couleur de fond: # 001b34 Redimensionner pour passer à l’onglet conception de ligne et modifier les paramètres de taille en conséquence: utiliser une largeur d’espacement personnalisée: Oui largeur d’espacement: 1 hauteur de colonne équilibrée: Oui largeur: 100% largeur maximale: 100%
L’espacement modifie continuellement les valeurs de remplissage en conséquence: remplissage supérieur: 0px remplissage inférieur: 0remplissage gauche: Bureau: \ tablette et téléphone: 5% remplissage droit: Bureau
À: \ tablettes et téléphones portables: 5% Configuration de colonne 1 couleur de fond une fois que vous avez terminé la configuration générale de ligne, ouvrez la configuration de colonne 1 et appliquez la couleur de fond. Couleur de fond: \ # f4d5b8 Ajouter un module de menu au menu de sélection de colonne 1 Il est temps d’ajouter un module, en commençant par le module de menu dans la colonne 1. Sélectionnez le menu que vous avez sélectionné. Télécharger le logo télécharger le logo suivant.
La couleur de fond change ensuite la couleur de fond. Couleur de fond: # 063765 Image de fond et téléchargez une image de fond illustrative de votre choix. Vous pouvez télécharger les cadeaux au début de cet article, trouver et utiliser les cadeaux ci – dessous. Taille de l’image de fond: emplacement approprié de l’image de fond: Centre Les paramètres de texte du menu passent à l’onglet conception du formulaire et changent la taille du texte du menu. Taille du texte du menu: 18px Ensuite, changez les paramètres du menu déroulant en conséquence: couleur de la ligne du menu déroulant: rgba (0,0,0,0) couleur de fond du menu mobile: # ddc1a7 couleur du texte du menu mobile: # 063765
Les paramètres de l’icône changent également la couleur de l’icône dans les paramètres de l’icône blanche. Couleur de l’icône du panier: # FFFFFF Search icon color: # FFFFFF hamburger menu icon color: # FFFFFF Ensuite, changez la largeur maximale du logo dans les paramètres de taille. Largeur maximale du logo: 70px Espacement ensuite, appliquer quelques valeurs de remplissage personnalisées. Remplissage supérieur: 1% remplissage inférieur: 1% remplissage gauche: 5% remplissage droit: 5% Boîtes d’ombre et quelques boîtes d’ombre personnalisées. Boîte d’ombre floue forcée: 50 Px couleur d’ombre: rgba (0,0,0,0,3)
Conversion convertit et complète la configuration du module en changeant les paramètres de conversion comme suit: droite: Bureau: 20px tablette et téléphone: 0px Ajouter un module bouton – poussoir à la colonne 2 a
Avant de couler. Cela permet à vos visiteurs de traiter des informations sur la section héros avant de naviguer. Vous pouvez également télécharger gratuitement le fichier json! Si vous avez des questions ou des suggestions, n’hésitez pas à faire part de vos commentaires dans la section commentaires ci – dessous. Si vous souhaitez en savoir plus sur Divi et recevoir plus de cadeaux sur Divi, assurez – vous de vous abonner à notre newsletter et à YouTube Channel afin que vous soyez toujours l’un des premiers à apprendre et à bénéficier de ce contenu gratuit.