Aide pour correction d'un code CSS pour WordPress

cyril111 Messages postés 199 Date d'inscription   Statut Membre Dernière intervention   -  
cyril111 Messages postés 199 Date d'inscription   Statut Membre Dernière intervention   -

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. bg62 Messages postés 23433 Date d'inscription   Statut Modérateur Dernière intervention   2 435
     

    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
  2. cyril111 Messages postés 199 Date d'inscription   Statut Membre Dernière intervention  
     

    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