Conception Divi pour cacher habilement les copies sous les partitions
Les structures de colonnes suivantes:
Ajouter un formulaire texte à la colonne add content H2 le premier formulaire dont nous avons besoin dans cette ligne est un formulaire texte qui contient du contenu H2. Paramètres de texte H2 passer à l’onglet conception et modifier les paramètres de texte H2. Titre 2 caractères: Playfair Display titre 2 poids des caractères: titre normal 2 alignement du texte: titre intermédiaire 2: taille du texte: 70 pixels (bureau), 40 pixels (tablette), 30 pixels (téléphone) Ajoutez le module séparateur à la colonne visibilité le deuxième et dernier module dont nous avons besoin dans cette ligne est le module séparateur. Assurez – vous que l’option afficher le séparateur est activée. Afficher les séparateurs: Oui Lignes nous changeons également la couleur des lignes dans l’onglet conception.Couleur de ligne: # 000000 Taille passer aux paramètres de taille et appliquer les paramètres suivants: poids du séparateur: 5px largeur: 27% alignement du module: Centre Ajouter la couleur de fond de la partition # 2 ajoute une deuxième partition normale à la page, ouvre les paramètres de la partition et change la couleur de fond. Couleur de fond: \ # f7f7f7 Débordement assurez – vous que le débordement de la section est caché dans l’onglet avancé. Cela permettra de s’assurer que rien ne dépasse le conteneur de section. Débordement horizontal: masquer le débordement vertical: masquer Transition plus loin dans cet article, nous allons créer une transition vers le canal de la souris. Pour assurer le bon fonctionnement, nous ajouterons la durée de la transition dans l’onglet avancé.
Durée de la transition: 800 MS Ajouter une nouvelle ligne de structure de colonne continuer en ajoutant une nouvelle ligne en utilisant la structure de colonne suivante: Redimensionner sans ajouter de module, activer les paramètres de ligne et permettre aux lignes d’occuper toute la largeur du conteneur de section en appliquant les paramètres suivants: utiliser la largeur de gouttière personnalisée: est grand
Ajoutez 50vw à chaque coin pour faire de la section un cercle. Nous ajoutons également une bordure en utilisant les paramètres suivants: largeur de la bordure: 1px couleur de la bordure: rgba (255255255,0) La bordure au fur et à mesure que la souris se déplace change la couleur de la bordure au fur et à mesure que la souris se déplace. Couleur de la bordure: # 000000 Une fois tous les paramètres de partition terminés, vous pouvez continuer à cloner la partition deux fois. Modifier la copie # 1 changer la couleur du séparateur supérieur nous modifierons les deux copies partielles, en commençant par la première. Ouvrez les paramètres partiels et changez la couleur du séparateur supérieur. Couleur du séparateur: # 5c26ff Changer la couleur du séparateur inférieur change également la couleur du séparateur inférieur. Couleur du séparateur: # ff3a5e Ensuite, passez aux paramètres d’espacement et assurez – vous que les valeurs suivantes s’appliquent: marge supérieure: – 20vw (bureau), 0vw (tablette et téléphone mobile) Marge gauche: 47vw (bureau), 11vw (tablette), 0vw (téléphone mobile) Marge droite: 10vw (bureau), 11vw (tablette), 0vw (téléphone mobile) Modifier la copie # 2 changer la couleur du séparateur supérieur ouvrir les paramètres de la deuxième copie et changer la couleur du séparateur supérieur. Couleur du séparateur: # ff3a5e Changer la couleur du séparateur inférieur change également la couleur du séparateur inférieur. Couleur du séparateur: # e8e8e8 Changez l’espacement et changez la valeur d’espacement ici. Marge supérieure: – 20vw (bureau), 0vw (tablette et téléphone mobile) marge inférieure: 7vw marge gauche: 10vw (bureau), 11vw (tablette), 0vw (téléphone mobile) Marge droite: 47vw (bureau), 11vw (tablette), 0vw (téléphone mobile) 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 cacher gracieusement une copie sous une partition. C’est l’utilisation