Aide pour correction d'un code CSS pour WordPress

cyril111 Messages postés 197 Statut Membre -  
cyril111 Messages postés 197 Statut Membre -

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

A voir également:

2 réponses

bg62 Messages postés 26230 Statut Modérateur 2 417
 

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


0
cyril111 Messages postés 197 Statut Membre
 

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;

}

0