Image dans le blockcart

[Matthieu C]

Bonjour grâce à ce forum, j'ai pu commencer à modifier le design  tu thème bootstrap. C'est laborieux car je suis débutant, mais j'avance. 

 

Je souhaite modifier le bouton du panier. 

J'ai remplacé le fond noir par un chouette dégradé dans ".shopping-cart > a:first-child " du fichier blockcart.css

J'ai supprimé le caddie de la police FontAwesome et je voudrai le remplacer par une icone en PNG avec un fond transparent. Ce que j'ai essayé,ci-dessous) ne marche pas.

J'ai l'impression de toucher mes limites à moins que vous ne me sortiez du pétrin. 

Merci.

en PJ un jpeg du résultat souhaité.

 

 

Voici mon code : il commence à la ligne 30 du fichier

 

 

.shopping_cart > a:first-child {

/* le fond gris du bouton*/

  position:relative; z-index: 1;

    padding: 7px 10px 14px 16px;

    background-image:-o-linear-gradient(left,white,#cccccc);

background-image:-webkit-linear-gradient(left,white,#cccccc);

background-image:-moz-linear-gradient(left,white,#cccccc);

    background-image:linear-gradient(to right,white,#cccccc);

    display: block;

    font-weight: bold;

    color: #777777;

    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);

    overflow: hidden; }

/*le logo de panier en incrustation sur le bord gauche du bouton*/ 

{position: relative,z-index: 2;

background-image: url (../../../../img/logo-panier.png);}

    @media (min-width: 768px) and (max-width: 991px) {

      .shopping_cart > a:first-child span.ajax_cart_product_txt, .shopping_cart > a:first-child span.ajax_cart_product_txt_s {

        display: none !important; } }

 

 

 

[Matthieu C]

Bonjour,

 

Apparemment tout le monde adore le logo du caddie.