(RESOLU) apparence du module atos sur la page de paiement

[vanessa.SLM]

Bonjour et pardon si je me suis trompée de section j'avoue avoir un doute...

 

je rencontre un petit soucis avec le module atos sur la page de paiement, il ne s'intègre pas correctement comme les autres modules avec la bordure et la couleur de fond

 

j'ai beau lire la doc atos et avoir fait des recherches je ne comprends pas comment lui donner une apparence similaire au module chèque ou virement

 

quelqu'un aurait une idée de comment donner simplement la même apparence?

j'ai fait des essais dans le global.css au niveau de la partie payment mais sans succès

 

dans le css de atos... je ne comprends pas comment c'est fichu j'ai l'impression que rien ne correspond

 

un grand merci si quelqu'un peu m'aider

 

www.nuagedeperles.fr

 

 

 

 

Edited November 8, 2015 by nuagedeperles (see edit history)

[Eolia]

perso j'ai modifié payment.tpl comme suit, à adapter à vos besoins

<!-- Eolia modify -->
<div class="payment_module atos" style="padding: 10px;margin-bottom:10px;border: 1px solid #d6d4d4;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;width:50%;">
	{if $atos}
		<p style="font-weight: bold;line-height: 23px;font-size: 17px;color: #333;letter-spacing: -1px;">{l s='Payer par carte bancaire' mod='atos'}</p>
		{$atos}
	{else}
		{l s='Your order total must be greater than' mod='atos'} {displayPrice price=1} {l s='in order to pay by credit card.' mod='atos'}
	{/if}
</div>

[vanessa.SLM]

hoooo super merci beaucoup ça fonctionne parfaitement j'ai juste eu besoin d'ajuster voila pour moi

 

<div class="payment_module atos" style="padding: 10px;margin-bottom:10px;margin-left:16px;border: 1px solid #d6d4d4;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;width:97%; ">
{if $atos}
<p style="font-weight: bold; text-align: center; line-height: 23px;font-size: 17px;color: #333;letter-spacing: -1px;">{l s='Payer par carte bancaire' mod='atos'}</p> {$atos}
{else}
{l s='Your order total must be greater than' mod='atos'} {displayPrice price=1} {l s='in order to pay by credit card.' mod='atos'}
{/if}
</div>

par contre étrangement je voulais appliquer une couleur de fond mais il ne me l'a prend pas

merci merci en tout cas

[Eolia]

pourtant en ajoutant background-color: #CED5F7; (exemple) après votre width:97%; ça fonctionne, non ?

[vanessa.SLM]

malheureusement non je viens de ré essayer en me disant que je m'étais peut-être trompé en insérant le code mais il ne veut pas

[Eolia]

curieux, je ne le vois pas dans le code de votre page ? j'ai un   à la fin de la déclaration des styles, rien de plus.

[vanessa.SLM]

effectivement je l'ai retiré vu qu'il ne veut pas

je l'ai mis en liste de choses à vérifier pour demain car à y passer des heures c'est sans doute un petit détail qui coince et que je ne vois plus

merci pour le temps que tu m'as accordé

[Eolia]

ok, mais difficile de faire un diagnostic en ligne du coup