Vérifiez votre adresse e mail pour confirmer votre abonnement et Obtenez gratuitement le paquet hebdomadaire Divi Layout! Lorsque téléchargez le modèle dans Divi Theme Builder et saisissez le modèle, remarquerez que la section namp;rsquoest pas visible. Camp;rsquoest parce que lamp;rsquoeffet lui a été appliqué. Pour modifier différents éléments, 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 lamp;rsquoen tête.
1. Construire la structure de lamp;rsquoélément de titre dans le nouveau modèle de titre créer un nouveau modèle de titre global, damp;rsquoabord aller au générateur de thème Divi. Là, 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 lamp;rsquoéditeur de modèles, remarquerez une section. Ouvrez certains paramètres et changez la couleur de fond. Couleur de fond: 001b34
Lamp;rsquoespacement passe à lamp;rsquoonglet 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 avez sélectionnée. Couleur de fond: 001b34 Redimensionner pour passer à lamp;rsquoonglet conception de ligne et modifier les paramètres de taille en conséquence: utiliser une largeur damp;rsquoespacement personnalisée: Oui largeur damp;rsquoespacement: 1 hauteur de colonne équilibrée: Oui largeur: 100% largeur maximale: 100%
Lamp;rsquoespacement 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 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 damp;rsquoajouter un module, en commençant par le module de menu dans la colonne 1. Sélectionnez le menu que avez sélectionné. Télécharger le logo 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 les cadeaux au début de trouver et utiliser les cadeaux ci dessous. Taille de lamp;rsquoimage de fond: emplacement approprié de lamp;rsquoimage de fond: Centre Les paramètres de texte du menu passent à lamp;rsquoonglet 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 lamp;rsquoicône changent également la couleur de lamp;rsquoicône dans les paramètres de lamp;rsquoicône blanche. Couleur de lamp;rsquoicô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 damp;rsquoombre et quelques boîtes damp;rsquoombre personnalisées. Boîte damp;rsquoombre floue forcée: 50 Px couleur damp;rsquoombre: 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 gratuitement le fichier json! avez des questions ou des suggestions, namp;rsquohésitez pas à faire part de vos commentaires dans la section commentaires ci dessous. souhaitez en savoir plus sur Divi et recevoir plus de cadeaux sur Divi, assurez de abonner à notre newsletter et à YouTube Channel afin que soyez toujours lamp;rsquoun des premiers à apprendre et à bénéficier de ce contenu gratuit.
Comment cacher Faire défiler l&rsquoen tête avant en utilisant l&rsquooption Divi Adhesive