Élément principal du CSS à la ligne. Affichage: Flex
Aligner les éléments: Centre Lamp;rsquoespacement de la colonne 1 se poursuit en ouvrant les paramètres de la colonne 1 et en ajoutant une petite quantité de remplissage en haut et en bas aux paramètres damp;rsquoespacement. Remplissage supérieur: 20px remplissage inférieur: 20px
La bordure ajoute également une bordure droite à la colonne. Largeur de la bordure droite: 1px couleur de la bordure droite: 002d4c
Ajouter un module image à la colonne 1 charger le logo il est temps de commencer à ajouter un module! Dans la colonne 1, nous avons besoin damp;rsquoun module image. Téléchargez votre logo. Alignement passez à lamp;rsquoonglet conception du formulaire et changez lamp;rsquoalignement de lamp;rsquoimage. Alignement de lamp;rsquoimage: Centre Il peut également changer la largeur des modules sur différents écrans de taille. Largeur: 4vw (bureau), 7vw (tablette), 12vw (téléphone) Ajouter un module de menu à la colonne 2 sélectionnez le menu dans la deuxième colonne, où nous aurons besoin damp;rsquoun module de menu. Sélectionnez le menu que avez sélectionné.
Passez à lamp;rsquoonglet conception du formulaire et modifiez les paramètres de mise en page comme suit: Style: orientation du menu déroulant du Centre: vers le bas Le texte du menu modifie également les paramètres du texte du menu. Police du menu: Cabin menu text color: 77848d menu text size: 16 pixels (Desktop), 15 pixels (tablette), 14 pixels (mobile) menu Line height: 1.8m Ensuite, changez certaines couleurs dans les paramètres de texte déroulants. Couleur de fond de la liste déroulante: FFFFFF couleur de la ligne déroulante: 002d4c Lamp;rsquoicône e complète la configuration du module en changeant la couleur de lamp;rsquoicône du menu hamburger dans les paramètres de lamp;rsquoicône.
Couleur de lamp;rsquoicône du menu Hamburger: 002d4c Ajouter un module bouton à la colonne 3 ajouter une copie à la colonne suivante et à la dernière colonne. Là, il nous faut un module bouton poussoir. Ajoutez une copie de votre choix. Lamp;rsquoalignement passe à lamp;rsquoonglet conception du module et m
Vous pouvez voir les résultats et compléter le titre personnalisé en sauvegardant toutes les modifications apportées au générateur de thème et en affichant les résultats sur la page! 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 nous montrons comment placer automatiquement les titres personnalisés créés avec le générateur de thème Divi après la première section Divi de chaque page. Il suffit de créer un en tête personnalisé une fois et damp;rsquoajouter le Code jquery pour déplacer automatiquement lamp;rsquoen tête personnalisé. Camp;rsquoest une bonne façon de changer la position normale en haut de la page du menu pour que la section héros brille en premier. Vous pouvez également gratuitement des modèles! avez des questions ou des suggestions, veuillez les commenter immédiatement 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 localiser automatiquement Division de l&rsquoen tête sous la section 1 par page
