Woocommerce – ajouter un effet Hover sur le texte catégorie

[SAGOT]

Bonjour,

 

Je souhaiterais ajouter un hover effect sur la div des catégories de produits woocommerce. J’ai déjà réussi à intégrer du code dans le css pour un premier effet de zoom sur les images mais j’aimerais y ajouter un overlay qui reprendrait le nom de la dite catégorie sur un fond avec une opacité donnée.

 

Comment puis-je intégrer cela dans mes pages de catégories ?

 

Merci à vous !

====================

[Victor de Nivo-Web]

J’ai un doute sur la faisabilité sans passer par du JS

Cependant, j’utiliserai l’option :after

div:after {
visibility:hidden;
}

div:hover:after {

visibility:visible;
content:’Hello World’;
background:red;

}

vous pouvez également le positionner via position: relative;

Victor Gauthereau, Président de Nivo-Web agence Web sur Paris et Bordeaux.
Vous avez apprécié mon aide ? Cliquez ici pour me remercier GRATUITEMENT
Besoin d'une agence web pour votre projet ? Contactez-nous ?
Site Web: https://nivo-web.com
Email: victor@nivo-web.com
Tel: 07 55 78 21 91
Standard: 09 77 25 01 18
Mes Ressources WordPress

• Cette réponse a été modifiée le il y a 3 années par Victor de Nivo-Web.

====================

[SAGOT]

Hello,

 

Malheureusement si j’utilise la balise content dans le css cela affichera le même texte sur toute les div sub-category

 

Je recherche plutôt à reprendre le titre de la catégorie correspondante sur le hover

 

Est-il possible d’intégrer ça dans le fichier functions.php par exemple ou archive-product.php ? En sus du CSS additionnel ?

====================

[Auteur]

Messages