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

  1. 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


    0
    1. 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