Jump to content

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


Recommended Posts

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.
</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 by Klaus Boutik (see edit history)
Link to comment
Share on other sites

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 by Klaus Boutik (see edit history)
Link to comment
Share on other sites

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
}
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...