How to change credit card logos under payment method on checkout

Last updated

First, here are the images of credit card logos:  





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 {

div.ecwid-PaymentMethodsBlock-PaymentOption div.ecwid-PaymentMethodsBlock-PaymentOption-htmlBlock { 
background-image: url(;
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
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