Comment empiler verticalement les images de Woo Gallery À l’intérieur du modèle de page de produit Divi

Dans la disposition. Vous vous êtes inscrit avec succès. Vérifiez votre adresse e – mail pour confirmer votre abonnement et Obtenez gratuitement le paquet hebdomadaire Divi Layout! Créer un modèle de page de produit dans Divi Theme Builder aller à Divi Theme Builder et ajouter un nouveau modèle, d’abord aller à Divi Theme Builder et cliquer sur Ajouter un nouveau modèle. Nous utiliserons ce modèle sur tous les produits, mais vous pouvez changer les conditions à volonté. Après avoir créé le modèle, allez dans l’éditeur de modèle de corps de modèle, cliquez sur Ajouter un corps personnalisé, puis continuez à sélectionner créer un corps personnalisé pour rediriger vers l’éditeur de modèle.

Commencez à construire le corps du modèle # 1 couleur de fond pour la Section d’édition de la page de catégorie dans l’éditeur de modèle, vous remarquerez une section. Ouvrez la section et ajoutez une couleur de fond blanche.
Couleur de fond: # FFFFFF L’espacement passe à l’onglet conception et supprime toutes les écoutilles par défaut en haut et en bas. 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: Redimensionner sans ajouter de module, ouvrir les paramètres de ligne, passer à l’onglet conception et modifier les paramètres de taille en conséquence: utiliser la largeur d’espacement personnalisée: Oui largeur d’espacement: 1 hauteur de colonne équilibrée: Oui largeur: 95% largeur maximale: 2560 Px alignement de ligne: Centre Espacement même sur les petits écrans, nous utiliserons le remplissage personnalisé en haut et en bas. Remplissage supérieur: 100 pixels (tablette et téléphone seulement) Remplissage inférieur: 100 pixels (tablette et téléphone seulement) Pour aligner le contenu des colonnes sur le Bureau, nous utiliserons deux lignes de code CSS dans l’élément
Soyez toujours l’une des premières personnes à savoir et à bénéficier de ce contenu gratuit.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *