How can I edit cashondelivery

[tapukatata]

I need to increase the font size and color of  cashondelivery text. Anyone can help me?

 

thank you!

[Carolina Custom Designs]

As I recall this module does not have its own CSS but uses the default settings of global.css. If I'm correct I would simply add a class to the output you posted and then increase the font using the new class.

 

Hope that helps!

 

Marty Shue

[tapukatata]

sorry but I don't have many knowledges and don't know how to do it. I attach global.css Can you check it and add new class.

 

thank you!

global.css

[Carolina Custom Designs]

sorry but I don't have many knowledges and don't know how to do it.

 

Unfortunately, I don't do jobs via the forum. I told you how to do it but that is as far as I can go.

 

If you don't know how to do it I suggest try posting in this forum.

 

If no one there can help you feel free to contact me through our company website.

 

Marty Shue

[vekia]

you can do it in global.css file 

 

you've got there styles:

.payment_module {
position: relative;
padding-top: 20px;
border-top: 1px dotted #ccc;
text-transform: uppercase;
}

just add somewhere font-size:20px; etc. (you can increase / decrease value of the param - 20px, for example: 16px)

[maio]

you can also use the rem unit to increase/decrease the font size,

rem units is sometimes better of px,

 

if you feel like try

 

in your case for example 1.2 rem

 

the reason why rem is prefered is that down-upscaling px on old mobile browsers may give some problems

[tapukatata]

.payment_module {
position: relative;
padding-top: 20px;
border-top: 1px dotted #ccc;
text-transform: uppercase;
}

 

With that code I increase / decrease font-size for whole 5 step checkout page . I want to increase only Cash on Delivery text size.

[maio]

try

 

 

.paiement_block .payment_module {
position: relative;
padding-top: 20px;
border-top: 1px dotted #ccc;
text-transform: uppercase;

font-size:rem:1.2;
}

 

or you can directly hardcode it in the tpl file (should be payment_module or in french paiement...)

adding <....... style:"font-size:rem:1.2">

[vekia]

if you want to change it only for COD  - you have to add separate class to block with payment

[Carolina Custom Designs]

if you want to change it only for COD  - you have to add separate class to block with payment

 

And we have come full circle :)

 

This is exactly what I advised in the very first response.

 

Marty Shue