Opacité sur image hover

[ludovic bihin]

Bonjour,

Est-ce que quelqu'un pourrait me dire où supprimer l'opacité sur le hover de mes images produits . Voir sur le lien suivant : http://growbouddha.com/81-graines-de-collection

Merci d'avance pour vos réponse

[solsol69]

Bonjour

Supprimer ceci 

 

[Mediacom87]

Bonjour,

Dans le fichier custom.css de votre thème (créez ce fichier s'il n'existe pas) ajoutez ceci :

.thumbnail-container:hover .product-image .product-thumbnail::before {
    opacity: 0;
    filter: alpha(opacity=0);
}

Pr contre, comme vous utilisez majoritairement des images sombres et un bouton de prévisualisation des produits sombre aussi, cela risque de poser un souci.

[ludovic bihin]

5 hours ago, solsol69 said:

Bonjour

Supprimer ceci 

 

 

[ludovic bihin]

Bonjour, où puis-je modifier ça ?

[ludovic bihin]

Merci j'ai trouvé dans theme.css ligne 1834à.

C'est parfait.

[solsol69]

il y a 29 minutes, ludovic bihin a dit :

Bonjour, où puis-je modifier ça ?

Bonjour a tous

Non ce n'est pas dans le theme.css qu'il faut le modifier.

Demander a l'auteur de votre thème si vous avez un doute.

[ludovic bihin]

Pourtant ça fonctionne en supprimant la ligne background 18340 dans theme.css

[Divine]

Bonjour,

Oui ça fonctionne mais ce n'est pas la bonne manière de faire. Il ne faut jamais toucher au fichier "theme.css" car c'est un fichier minifié et compressé généré à partir des fichiers SCSS, vous risquez donc de perdre vos modifications lors d'une prochaine compilation. Si vous avez des modifications CSS à faire, c'est dans le fichier "custom.css" qu'il convient de le faire.