Ah, perfeito @Matheus , valeu!! 
Então, o código é aqui ali logo acima :
que colocamos pelo cms para testar somente um icone visa, ficou assim:
.pay-icon--visa {
content: url(https://mobifans.com.br/img/uploads/visa-.png);
}
seria dessa forma, ou temos que fazer isso via github tb ?
Eu vi que o código está lá, ele pode não estar funcionando por causa de algum erro superior.
Fiz uns testes no navegador e no github, funcionou, então acredito que tenha algum erro ali.
Bom dia, tudo bem?
Veja só, utilizamos o código substituido os icones ali, porém ficou sobreposto nos novos icones padrões já existentes na loja:
No mobile esta mostrando assim dessa maneira, já no desktop com esse codigo, não houve alteração alguma nos ícones:
Referente ao ultimo icone da e-com ali no rodapé, ele esta bem grande, é normal estar assim?
Aparenta estar estourada a resolução.
Bom dia, igual informei anteriormente. Existe um código que está travando isso de mobile para desktop. Me passa certinho por favor, quais códigos foram inseridos que irei fazer o teste internamente e se for o caso, entro no seu editor para verificar, esse possível erro com media queries
Usamos a mesma logica de mudar o código de um link para todos os demais 8 icones da mesma forma, somente mudando a ordem com que cada um deve ser apresentado, veja como o código esta no nosso editor:
}
.pay-icon--visa {
content: url(https://customic.com.br/img/uploads/visa-.png) !important;
}
.pay-icon--boleto {
content: url(https://customic.com.br/img/uploads/master-.png) !important;
}
.pay-icon--elo {
content: url(https://customic.com.br/img/uploads/amex-.png) !important;
}
.pay-icon--hipercard {
content: url(https://customic.com.br/img/uploads/elo-.png) !important;
}
.pay-icon--mastercard {
content: url(https://customic.com.br/img/uploads/hiper-.png) !important;
}
.pay-icon--hiper {
content: url(https://customic.com.br/img/uploads/mercado-pago-.png) !important;
}
.pay-icon--diners {
content: url(https://customic.com.br/img/uploads/boleto-.png) !important;
}
.pay-icon--amex {
content: url(https://customic.com.br/img/uploads/pix-.png) !important;
}
Consegue analisar e nos indicar se esta sendo feito correto para substituir um icone pelo outro com esses códigos dispostos dessa maneira?
obrigado
Um pouco antes do seu código tem um max-width, sem fechamento, ele vai aplicar tudo que tem em baixo para apenas dispositivos móveis
.pay-icon–visa {
background-image: url(https://customic.com.br/img/uploads/visa-.png);
background-size: 100% 100%;
}
.pay-icon–boleto {
background-image: url(https://customic.com.br/img/uploads/master-.png);
background-size: 100% 100%;
background-position: 0
}
.pay-icon–elo {
background-image: url(https://customic.com.br/img/uploads/amex-.png);
background-size: 100% 100%;
background-position: 0
}
.pay-icon–hipercard {
background-image: url(https://customic.com.br/img/uploads/elo-.png) !important;
background-size: 100% 100%;
background-position: 0
}
.pay-icon–mastercard {
background-image: url(https://customic.com.br/img/uploads/hiper-.png) !important;
background-size: 100% 100%;
background-position: 0
}
.pay-icon–hiper {
background-image: url(https://customic.com.br/img/uploads/mercado-pago-.png) !important;
background-size: 100% 100%;
background-position: 0
}
.pay-icon–diners {
background-image: url(https://customic.com.br/img/uploads/boleto-.png) !important;
background-size: 100% 100%;
background-position: 0
}
.pay-icon–amex {
background-image: url(https://customic.com.br/img/uploads/pix-.png) !important;
background-size: 100% 100%;
background-position: 0
}
@Matheus valeu por sinalizar esse detalhe, corrigimos e agora esta aparecendo os icones bem certinho, no mobile e desk!
Oi @Matheus
Pode nos ajudar a incluir os textos no cabeçalho antes das bandeiras, “Pagamento” e logo abaixo, “Segurança”, da mesmas forma mesmo como ocorre na nossa loja da @mobifans ?
Olha como esta hoje na lojacustomic, os icones ficaram bem legais, mas esta meio solto ainda no rodapé, esse seria o ajuste fino pra ficar 110%! 
Ficaria Show!
valeu desde já, abraço!
Att,.
Coloquei agorinha lá. Se quiser mudar o termo, só editar aqui loja-customic/footer.ejs at master · ecomplus-stores/loja-customic · GitHub
De nada!
Olá, Bom dia! tudo bem?
Estamos com o texto da descrição curta da loja apresentado no rodapé com uma fonte escura, não sendo possivel ler o texto como pode ver:
Versão Desktop:
Versão mobile:
Tem alguma forma de colocar o texto especificado ali em uma fonte na cor branca, seguindo o padrão dos demais elementos do rodapé?
Obrigado
Abs!
Editar CSS, inserir o código
#footer-pages + p {
color: #fff
}
Boa!
Agora sim o texto apareceu ficou visível no rodapé.
Obrigado,
De nada!
