C’est ce que tu fais. Il peut s’agir d’une nouvelle page ou d’une page existante, mais nous vous recommandons de l’ajouter à la page du contenu existant afin qu’il y ait suffisamment d’espace pour défiler pour voir l’effet réel. Ouvrez certains paramètres et appliquez la couleur de fond que vous avez sélectionnée.
Couleur de fond: # 00965a Passez à l’onglet conception de la section et appliquez la hauteur maximale. Cette hauteur maximale nous aidera à nous assurer que la hauteur de la section est limitée. Hauteur maximale: 100 VH Comme nous allons appliquer quelques effets de défilement au tutoriel plus tard, nous devons également masquer le débordement de section pour nous assurer que rien ne dépasse le conteneur de section. Débordement horizontal: masquer le débordement vertical: masquer
Ajouter une nouvelle ligne – structure de colonne une fois la section en place, ajouter une nouvelle ligne en utilisant la structure de colonne suivante:
Redimensionnez sans ajouter de module, ouvrez les paramètres de ligne et appliquez certains paramètres de taille personnalisés. Ces paramètres de taille permettront au conteneur de ligne d’occuper toute la largeur de ligne, ce qui donnera à notre conception un effet plein écran. Largeur: 100% largeur maximale: aucune Réglez l’espacement des colonnes 2, puis activez les paramètres des colonnes 2 et appliquez certaines valeurs de remplissage personnalisées à différentes tailles d’écran. Remplissage en bas: 60 pixels remplissage à gauche: tablette et téléphone: 5% remplissage à droite: Bureau: 10vw tablette et téléphone: 5%
Ajouter un formulaire texte à la colonne 1 ajouter du contenu il est temps d’ajouter un module, en commençant par le formulaire texte dans la colonne 1. Ajoutez votre sélection. Pour créer exactement le même design que l’aperçu de cet article, saisissez quelques mots pour vous aider
Le style après l’état permanent est activé. 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.