Aide pour correction d'un code CSS pour WordPress
Bonjour,
Je voudrais ajouter une image d'un cadre autour de chacune de mes images sur mon thème WordPress mais également sur woocommerce
Mon code ne fonctionne pas, est-ce que vous pourriez m'aider à le corriger
Merci
Windows / Chrome 141.0.0.0
2 réponses
-
Modérateur
ce doit être faisable, mais sans connaître ton code = mission IMPOSSIBLE !!!
Mon code ne fonctionne pas, est-ce que vous pourriez m'aider à le corriger
-
Merci de m'avoir répondu
/* Cadre en overlay (conseillé pour compatibilité thème) */
.product-images .swiper-slide,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
position: relative;
overflow: hidden;
}
.product-images .swiper-slide::after,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link::after {
content: '';
position: absolute;
inset: 0; /* top:0; right:0; bottom:0; left:0; */
background-image: url('https://localkoukoubijouxcom.local/.../2025/10/cadre-1.jpeg');
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
pointer-events: none; /* laisse passer les clics */
z-index: 5; /* au-dessus de l'image produit */
}
/* S'assurer que l'image produit est en dessous du ::after */
.product-images .swiper-slide img,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link img {
position: relative;
z-index: 2;
}