How to change credit card logos under payment method on checkout

Last updated

First, here are the images of credit card logos:  

Discover: https://sassme.ecwid.com/static/v1/icons/discover.svg

Mastercard: https://sassme.ecwid.com/static/v1/icons/mastercard.svg

Amex: https://sassme.ecwid.com/static/v1/icons/amex.svg

Visa: https://sassme.ecwid.com/static/v1/icons/visa.svg

Next step is to add it to Ecwid. Upload the image to your site. Then add the following custom CSS rules

div.ecwid-PaymentMethodsBlock-PaymentOption div.ecwid-PaymentMethodsBlock-PaymentOption-htmlBlock img {
display:none;
}

div.ecwid-PaymentMethodsBlock-PaymentOption div.ecwid-PaymentMethodsBlock-PaymentOption-htmlBlock { 
background-image: url(http://example.com/your_image.jpg);
background-repeat: no-repeat;
margin: 0px 18px; 
height: 250px;
width: 230px;
}

where N and M should be replaced with actual height and width of your image.

Was this article helpful?
0 out of 1 found this helpful
Questions?
Get help
  • Presales Chat

    Need help choosing the right Ecwid plan? Our Sales team has the answer you’re looking for.

  • Forums

    Join the Ecwid community. Discuss support topics and store ideas with other Ecwid users.

  • Contact us

    Still have questions about Ecwid? Let us know! We will be glad to help you with your Ecwid store.

  • Status Monitor

    Get real time status updates on Ecwid services here, 24/7