Como alterar os ícones de pagamento do rodapé?

[Matheus]

Olá, tudo bem?
Esse faq é para ajudar em como alterar os ícones informados abaixo:

Acesse seu Layout > Inserir Código > Editar CSS:

.pay-icon–visa {
background-image: url(**URL-DA-IMAGEM**);
background-size: 100% 100%;
}
.pay-icon–boleto {
background-image: url(**URL-DA-IMAGEM**);
background-size: 100% 100%;
background-position: 0
}
.pay-icon–elo {
background-image: url(**URL-DA-IMAGEM**);
background-size: 100% 100%;
background-position: 0
}
.pay-icon–hipercard {
background-image: url(**URL-DA-IMAGEM**) !important;
background-size: 100% 100%;
background-position: 0
}
.pay-icon–mastercard {
background-image: url(**URL-DA-IMAGEM**) !important;
background-size: 100% 100%;
background-position: 0
}
.pay-icon–hiper {
background-image: url(**URL-DA-IMAGEM**) !important;
background-size: 100% 100%;
background-position: 0
}
.pay-icon–diners {
background-image: url(**URL-DA-IMAGEM**) !important;
background-size: 100% 100%;
background-position: 0
}
.pay-icon–amex {
background-image: url(**URL-DA-IMAGEM**) !important;
background-size: 100% 100%;
background-position: 0
}