E. redimensionner et repositionner les colonnes modifier les paramètres des colonnes 2 Gradient arrière – plan maintenant, la dernière partie de ce tutoriel nous permet de combiner différents modules. Ouvrez les paramètres de la colonne 2 et utilisez l’arrière – plan de gradient suivant à cette fin: couleur 1: rgb (43135218,0) couleur 2: # FFFFFF Gradient Type: Linear start position: 39%
Transform translate, nous complétons le réglage des colonnes en changeant les valeurs de conversion converties sur différentes tailles d’écran. Cette étape nous permet de repositionner les colonnes au besoin. Vous apprécierez certainement cette option lors de l’utilisation de l’image de fond! Droite: 0px (bureau), 9vw (tablette et téléphone) en bas: – 5vw (bureau), 0vw (tablette et téléphone) 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 construire un produit dans une image de fond en utilisant les options intégrées dans Divi Builder et le module woocommerce. L’approche que vous adoptez dépend de l’image de fond que vous utilisez, mais suivre ce tutoriel vous aidera à comprendre l’approche globale. Vous pouvez également télécharger gratuitement la mise en page du 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.