Jump to content
Klaus Boutik

[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)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
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)

Share this post


Link to post
Share on other sites

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 by stef71 (see edit history)

Share this post


Link to post
Share on other sites

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)

Share this post


Link to post
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
}

Share this post


Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More