View
 

How can I change credit card logos which appear below a payment method name on checkout

Page history last edited by Eugene 1 year, 9 months ago

First, grab this image: http://app.ecwid.com/icons/creditcards.gif

Then make an image you like based on it.

 

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-htmlBlock {
  background-image: url(URL_TO_YOUR_IMAGE);
  background-repeat:no-repeat;
  height:Npx;
  width:Mpx;
}
div.ecwid-PaymentMethodsBlock-PaymentOption-htmlBlock img{
  display:none;
}

 

where N and M are actual height and width of your image.