X-Cart forums - Add credit card images to STRIPE

X-Cart forums (https://forum.x-cart.com/index.php)

- Dev Questions (X-Cart 5) (https://forum.x-cart.com/forumdisplay.php?f=56)

- - Add credit card images to STRIPE (https://forum.x-cart.com/showthread.php?t=73445)

Add credit card images to STRIPE

Is there a way to add credit card images like the paypal image w/ mastercard, visa , etc. to the checkout screen under stripe.

Currently I edited it in sorting/descriptions to say Credit Card, and then mastercard visa etc underneath, but this looks very unprofessional.

Thanks!

Re: Add credit card images to STRIPE

You can add the logos via custom CSS.

Go to the Look & Feel -> Custom CSS page, tick "Use custom css" and add the following code:

Code:

/* Credit card logos */

ul.payments li:nth-child(1) .payment-title:after {

  content: ' ';

  display: block;

  width: 100%;

  height: 24px;

  background: url(http://www.kingsleypress.com/images/companies/1/PMccpaymentIcons.png) no-repeat left bottom;

  background-size: contain;

}

, where:
- replace "1" in the "nth-child(1)" with the actual number of Stripe among other available payment methods;
- upload your "credit card icons" image to the server and put its URL into the "background: url()" line (don't use the code as is because it loads the image from a 3rd-party website - they may be not happy with you doing this!)