X-Cart forums

[mdemuysere]

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!

[qualiteam]

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:

/* 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!)