Como mudar ícone da barra de informações?

CMS Personalização
#1

Olá lojista, todos bem?
Hoje temos uma barra de informações com ícones pré-selecionados e vocês conseguem editar a parte escrita de cada bloco, mas por enquanto não conseguem mudar o ícone, caso queira mudar quaisquer um dos ícones, basta inserir o css abaixo:

  1. Modificar ícone cartão de crédito
.rounded-icon .i-credit-card::before {
  background-image: url(/img/uploads/banner-131.png);
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
  content: ''
}
  1. Moficar ícone de troca:
.rounded-icon .i-exchange::before {
  background-image: url(/img/uploads/banner-131.png);
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
  content: ''
}
  1. Modificar ícone de percentual:
.rounded-icon .i-percent::before {
  background-image: url(/img/uploads/banner-131.png);
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
  content: ''
}
  1. Modificar ícone de entrega:
.rounded-icon .i-shipping-fast::before {
  background-image: url(/img/uploads/banner-131.png);
  background-size: 100% 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
  content: ''
}

No caso, a imagem que inserir, você apenas irá modificar o nome da imagem após o uploads/nome-imagem.extensao, no exemplo o nome da imagem é banner-131 e a extensão é .png

1 curtida
#2