Comment construire un produit en 39; Image de fond avec option de colonne Divi

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% Les bordures peuvent également être arrondies. Tous les angles: 1vw Boîte d’ombre nous créons une certaine profondeur en ajoutant des ombres minces à la boîte. Force de flou de l’ombre du cadre: 100 pixels couleur de l’ombre: rgba (0,0,0,0,24) 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.