Visuel de l'overlay

[bbayle]

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

[Mathieu]

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.

[bbayle]

Merci pour ce retour rapide. Comme cela  : ?

.woocommerce .et_overlay:before {display:none}.et_overlay{entry-summary}

[bbayle]

Bonjour,

 

N’ayant de retour pour traité le sujet en css, est ce que qqun connait un bon plugin permettant de customiser le visuel de la grille de produit woocommerce ?

[Auteur]

Messages