[RESOLU]supprimer ombre des bouton image

[ventesites]

Bonjour

 

J'ai modifié le bouton "ajouter au panier" de la page product.tpl pour mettre une image, mon problème est qu'autour du fond du bouton il y a une ombre que je n'arrive pas a enlever, j'ai testé en virant un peu tous les "shadow" des CSS et tout change sur la page sauf..... l'ombre autour de ce bouton !

 

 

Que dois-je faire pour m'en débarrasser?

 

dans products.css j'ai ajouté :

 

 

 

#add_to_cart-panier
{     display: block;

}
 

.box-cart-bottom-panier {
  padding: 0;display: block; }

 

.exclusive-panier {
 width:170px;
height:70px;
   background:transparent url(../img/ajouter-au-panier.png);
  padding: 0;

}
 

et adapté la partie du bouton avec ces CSS sur product.tpl

 

<div class="box-cart-bottom-panier">
                        <div{if (!$allow_oosp && $product->quantity <= 0) || !$product->available_for_order || (isset($restricted_country_mode) && $restricted_country_mode) || $PS_CATALOG_MODE} class="unvisible"{/if}>
                            <p id="add_to_cart-panier" class="no-print">
                                <button type="submit" name="Submit" class="exclusive-panier" alt="{if $content_only && (isset($product->customization_required) && $product->customization_required)}{l s='Customize'}{else}{l s='Add to cart'}{/if}">
                                </button>
                            </p>
                        </div>

 

 

mais il n'y a aucun changement !

 

 

Merci !

Pat
                      

 

 

******** J'ai fini par trouver, c'est tout bête, suffisait de rajouter

border:none;

 

 

.exclusive-panier {
 width:170px;
height:70px;
   background:transparent url(../img/ajouter-au-panier.png);
  padding: 0;
border:none;

}
 

 

 

Edited August 21, 2014 by ventesites (see edit history)