Código texto Frete Gratis

Código CSS/HTML
1

Olá!
Alguém teria esse código do texto “Frete Grátis” com o icone do caminhãozinho
Ou me ensinar o caminho para encontrar ele dentro desse site? quero que fique igual a da imagem
codigo html

1 curtida
2

O ícone e a diferença de cor não seu fazer mas o caminho é esse.

$(function(){



   $("#formCalcularCep > label").each(function(){

        $(this).html($(this).html().replace('Calcule o frete','🚚 FRETE GRÁTIS a partir de R$ 200,00'));

   });

 });
1 curtida
3

Yuri, ja vou testar!! Vlw forte abraço amigo!

1 curtida
4

Ok só colocar dessa forma, falta o ícone de imagem ao invés de emoji e falta colocar o texto negrito. Só sei essa parte ai rsr

image
image883×388 16.2 KB

1 curtida
5

Yuri! Deu super certo, coloquei CABEÇALHO - java
Cara, tá bom demais!!! Nem sei como te agradecer, viu?!
Muito obrigado, Deus te abençoe!
Forte abraço! Vlw
como ficou:
https://www.tkgstore.com.br/mini-encadernadora-the-cinch-disc-cogumelo-we-r-memory

1 curtida
6

Que bom fico feliz!
Vi aqui ficou muito bom :clap:t4: :clap:t4: :clap:t4:

Preisando estou a disposição

1 curtida
7

Pra estilizar é só jogar a imagem/ícone dentro de um span. Coloca o ícone e caso queira estilizar a fonte, coloca dentro de outra classe também.
O ícone basta buscar um de caminhão em formato SVG.

Fica tipo assim:

<script>
$(function(){
    $("#formCalcularCep > label").each(function(){
         $(this).html($(this).html().replace('Calcule o frete','<span class="caminhaozinho">🚚 </span>FRETE GRÁTIS a partir de R$ 200,00'));
    });
  });

  <style>
  span.caminhaozinho {
	color: red;
}
  </style>
</script>
3 curtidas
8

Ah sim entendi, obrigado por compartilhar.

Seria assim então

<script>
$(function(){
    $("#formCalcularCep > label").each(function(){
         $(this).html($(this).html().replace('Calcule o frete','<span class="caminhaozinho">https://cdn.awsli.com.br/1364/1364244/arquivos/delivery-fast-shipping-svgrepo-com.svg </span>Calcule o Frete e o Prazo de Entrega'));
    });
  });

  <style>
  span.caminhaozinho {
	color: red;
}
  </style>
</script>
2 curtidas
9

Tem como ordenar o texto de frete acima do botão de CEP? Para ficar o texto em cima e o botão de frete em baixo.

image

No meu ficou assim, aí queria saber se tem como ordenar pra ficar mais organizado

Minha Loja: https://www.amazonmaquinadecostura.com.br/galoneira-industrial-3-fios-semi-nova-bracob-bc-5000d

10

O texto que você usou passou do limite, por isso ficou em mais linhas. Tenta reduzir ele.