comment modifier la taille du bouton paypal?

hirize · avril 2015

Bonjour!
Utilisateur très content et très modeste du pluxml...
http://www.zepipe.fr/

J'essaie d'intégrer paypal. Or la taille des boutons est désespérément grande, même si je remplace le bouton paypal par défaut par un bouton personnalisé.
J'ai viré les "width="1" height="1"" sans aucun effet.

Il semble après recherches internet que cela vienne du fichier style.css... Est-ce que j'ai des modifs à faire sur ce fichier?
J'utilise le thème par défaut.

Merci pour votre aide!!

[== Indéfini ==]

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="xxxxxxxxx">
<table>
<tr><td><input type="hidden" name="on0" value="avec livraison / including shipping">avec livraison / including shipping</td></tr><tr><td><select name="os0">
	<option value="France">France €106,00 EUR</option>
	<option value="Europe">Europe €112,00 EUR</option>
	<option value="Other">Other €116,00 EUR</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="EUR">
<input type="image" src="http://www.zepipe.fr/data/images/zepipetest/cart3.jpg" border="0" name="submit" alt="PayPal - la solution de paiement en ligne la plus simple et la plus sécurisée !">
<img alt="" border="0" src="https://www.paypalobjects.com/fr_FR/i/scr/pixel.gif" width="1" height="1">
</form>

Jerry Wham · avril 2015

https://www.paypalobjects.com/fr_FR/i/scr/pixel.gif est un gif de 1px de côté qui permet d'envoyer des stats à paypal. Supprimer les dimensions par défaut ne changera rien. Par contre, si tu les augmente tu verras apparaitre le gif dans ta page.

Est-ce que le bouton dont tu parles est celui-là : http://www.zepipe.fr/data/images/zepipetest/cart3.jpg ?
Si c'est le cas, il suffit que tu ajoutes les dimensions directement dans la balise imput correspondante (mais ce n'est pas l'idéal) ou que tu ajoutes une classe à cette même balise et que tu fixe les dimensions de cette classe via le fichier css du style que tu utilises. Ce qui donne, soit :

<input type="image" src="http://www.zepipe.fr/data/images/zepipetest/cart3.jpg" border="0" name="submit" alt="PayPal - la solution de paiement en ligne la plus simple et la plus sécurisée !" width="10" height="10"> 
//ou
<input type="image" src="http://www.zepipe.fr/data/images/zepipetest/cart3.jpg" border="0" name="submit" alt="PayPal - la solution de paiement en ligne la plus simple et la plus sécurisée !" width="10"> //si tu veux que la hauteur s'adapte à la largeur de façon homothétique

soit :

<input type="image" src="http://www.zepipe.fr/data/images/zepipetest/cart3.jpg" border="0" name="submit" alt="PayPal - la solution de paiement en ligne la plus simple et la plus sécurisée !" class="btnPaypal ">

avec dans ton fichier css :

.btnPaypal { width:10px; }

hirize · avril 2015

Après quelques tâtonnements, j'ai résolu mon souci de façon très empirique - désolé, je suis un analphabète du code

...

Dans la partie

[== Indéfini ==]
/* ---------- FORM ---------- */

du fichier style.css, j'ai remplacé

[== Indéfini ==]
input {	
	margin-bottom:25px !important;
	padding: 0 6px;
	height: 30px !important;
	width: 380px;
	border: 1px solid #bbb;
	outline : none;
	cursor: pointer;
}

par

[== Indéfini ==]
input {	
	margin-bottom:25px !important;
	padding: 0 6px;
	height: 25px !important;
	width: 150px;
	border: 0px solid #bbb;
	outline : none;
	cursor: pointer;
}

et la taille du bouton paypal a été rectifiée - si cela peut être utile à qui que ce soit!

hirize · avril 2015

Ooops, nos notes se sont croisées, merci beaucoup pour la réponse !!

comment modifier la taille du bouton paypal?

Réponses