- Ce sujet contient 3 réponses, 2 participants et a été mis à jour pour la dernière fois par , le il y a 6 années.
4 sujets de 1 à 4 (sur un total de 4)
4 sujets de 1 à 4 (sur un total de 4)
- Vous devez être connecté pour répondre à ce sujet.
WooFrance Dépannage et support WordPress WooCommerce › Forums › Forum de Support WooCommerce › Visuel de l'overlay
Bonjour la communauté,
J’utilise wordpress avec Divi et je cherche à modifier l’apparence de l’image produit pour qu’au passage de la souri, une image avec transparence s’affiche ainsi que le texte court de description du produit. J’ai le code suivant qui me convient mais, je n’arrive pas à faire afficher le message “entry-summary” pour obtenir le visuel en fichier joint :
.woocommerce .et_overlay:before {display:none}
.et_overlay {top:30px;}
.et_shop_image:hover .et_overlay, .et_portfolio_image:hover .et_overlay{top:0;}
.et_overlay {background: rgba(50, 200, 235, 0.6); border: none; }
.et_shop_image .et_overlay:before, .et_portfolio_image .et_overlay:before{color: #FFF !important; /* + icon color */}
.et_shop_image:hover .et_overlay, .et_portfolio_image:hover .et_overlay { opacity: 1; } /* overlay opacity */
https://wikileans.com/boutique/
Merci d’avance pour l’aide
si vous mettez la description dans l’élément avec la classe “et_overlay”, le texte s’affiche bien au survol.
Développeur PHP et WordPress En Alsace dans l'annuaire des prestataires WordPress et WooCommerce
Création d'extensions pour WordPress et WooCommerce - Personnalisation d'extensions existantes
🔶 Si vous appréciez mon aide, vous pouvez me faire un don de n'importe quel montant en cliquant ici.