Criar Mensagem de Alerta Sobre Frete

Layout
2

Boa tarde, amigo! Será que um aviso acima do frete ajuda?

image
image1370×904 186 KB

Se ajudar, segue o código e os passos para implantação:

Incluir código HTML > Adicionar Código

  1. Descrição: Coloque o nome que quiser
  2. Local de publicação (Rodapé): Página do produto
  3. Tipo: HTML
<script>
$(document).ready(function(){ 
    $("#formCalcularCep").before("<div class='novo-alerta'><strong>Coloque o seu título</strong><p>Alguma mensagem que queira colocar para avisar todas as pessoas</p></div>");
   });
</script>

<style>
   .novo-alerta {
    display: table;
    align-items: center;
    justify-content: center;
    background-color: #ff7c02;
    border: 0px solid #dddddd;
    border-radius: 5px;
    height: 45px;
    margin-top: 0px;
    padding-left: 20px;
    padding-top: 10px;
    margin-bottom: 20px;
    width: 90% !important;
    box-shadow: 0 1px 4px 0 #b1b1b147;
}

.novo-alerta strong {
    color: white;
    font-size: 16px;
}

.novo-alerta p {
    color: white;
    font-size: 14px;
}
</style>

Caso queira estilizar basta mudar as cores ou dimensões na tag <style*

2 curtidas