[Résolu] Créer un css dans Bloc paiement

[Klaus Boutik]

Bonjour

Je souhaiterai créer un css commun pour les textes apparaissant dans les blocs de paiement (chèque, Cb, Paypal) car ils sont blanc sur fond clair et donc presque illisible (sauf lorsque l'on passe la souris dessus)

 

Ci dessous le code et en rouge les textes à modifier.

Quels tpl modifier et ou insérer un css ?

Merci pour vos réponses

 

<div id="HOOK_PAYMENT">

<p class="payment_module">

<a title="Payer par chèque" href="http://www.xxxxxxxx/modules/cheque/payment.php">

<img width="86" height="49" alt="Payer par chèque" src="/modules/cheque/cheque.jpg">

Payer par chèque (traitement plus long)

</a>

</p>

<p class="payment_module">

<a href="modules/paybox/redirect.php">

<img src="http://www.xxxxxxxx/modules/paybox/cartes.png">

Paiement CB totalement sécurisé avec votre carte bancaire.

<img alt="paybox" src="http://www.xxxxxxxxxxxxx/modules/paybox/paybox.png">

</a>

</p>

<p class="payment_module">

<a id="paypal_process_payment" title="Pay with PayPal" onclick="$('#paypal_payment_form').submit();" href="javascript:void(0)">

<img height="48px" alt="Payez avec votre compte PayPal." src="/modules/paypal/img/logos/FR_bnr_horizontal_solution_PP_327wx80h.gif">

Payez avec votre compte PayPal.</a>

</p>

Edited November 4, 2013 by Klaus Boutik (see edit history)

[stef71]

Dans global.css, il faut rechercher payment_module et mettre la propriété color: 

[Klaus Boutik]

Merci mais ca ne fonctionne pas ! Ca reste blanc

Ci dessous le code css : en rouge ce que j'ai rajouté

/* order step 3: PAYMENT */
.payment_module {
    display: block;
    color: #432500;
}
.payment_module img {
    vertical-align: middle;
    margin-right: 1em;
}
.payment_module a {
    display: block;
    border: 1px solid #595a5e;
    padding: 0.6em;
    text-decoration: none;
}
.payment_module a:hover, .payment_module a:focus, .payment_module a:active {
    border: 1px solid #488c40;
    background-color: #e5e6e7;
    color: #374853;
}

Edited November 2, 2013 by Klaus Boutik (see edit history)

[stef71]

Aurais tu un lien pour voir ta boutique ?

 

Car a priori ce n'est pas celui de ta signature que tu essaies de modifier

Edited November 2, 2013 by stef71 (see edit history)

[Klaus Boutik]

si si, c'est bien le lien de ma signature

Il s'agit de la couleur du texte dans les 3 blocs superposés lors du choix du paiement(chèque, CB, PP)

[stef71]

Ok, je croyais que tu parlé du block dans col de droite

 

alors

 

il faut modifier global.css ligne 1973 tu as :

 

.payment_module a {

    display: block;

    border: 1px solid rgb(89, 90, 94);

    padding: 0.6em;

    text-decoration: none;

    color: red;<===== ajouter color + code couleur

}

[Klaus Boutik]

OK ca marche ! formidable. Quand c'est bien expliqué, c'est facile à modifier

Merci beaucoup