Change payment icons on checkout page?

[tomkay]

Hello,

 

how can I change the payment icons? They are all different size and format (gif, jpg) and it looks so unprofessional. Therefor I have found some same looking png-icons with transparent background which I now want to use instead.

 

How and where can I edit them?

 

Thanks

[Kogkalidis]

Normally you add the images in the folder, then change the corresponding css and voila. Btw for which icons do you want this procedure? Can you provide a screenshot or better a url?

[tomkay]

These ones: http://i44.tinypic.com/33o61vn.png ....

 

btw.. in which .css-file I can find them?

[Kogkalidis]

I am not sure. Right now have to complete an assignment for school. I will check this out during weekend.

[vekia]

well, the best and easiest thing is ... just replace images by your new images on your FTP.

 

how to get picture url?

just right click on it and "copy image url"

you will see full path to the image.

connect with your FTP service, open directories from path and...

... just replace original image with your own image 

 

how to get image url:

[tomkay]

Thanks for the hint, Vekia. However I tried this and the images are getting resized somehow... I guess there must be the size setting somewhere which I need to change at least to the size of the new images.

[vekia]

yes indeed.

you can try to change size of images with css styles

 

use these styles:

.payment_module img {
	height:50px;
	width:120px;
}

in global.css file, of course you can use own width and height params