Forma de envio no rodape

Procurei em todos os tópicos mas não achei essa função ou código
alguém sabe explicar como faz para colocar aquele FORMA DE ENVIO com os icons dos Correios, Sedex, PAC e etc que fica no rodapé do site da loja?
Seria muito útil. Muito obrigado

queria colocar no site da minha loja

veja se é igual o do meu site
www.lojasrmb.com.br

se for o código é o seguinte:

<!-- Formas de envio -->

<div id="span4-envios">
<style>
    .pagamento-selos #span4-envios ul li {
        display: inline-block;
        margin: 0 10px 20px 0;
    }

    .pagamento-selos #span4-envios ul li img {
        width: 100px;
    }

body.pagina-carrinho #span4-envios {
    display: none
}
</style>

<span class="titulo cor-secundaria">Formas de Envio</span>
<ul>

    <li><img src="https://sites.google.com/site/imagensrmb/sedex.png"></li>
    <li><img src="https://sites.google.com/site/imagensrmb/pac.png"></li>
    <li><img src="https://sites.google.com/site/imagensrmb/carta.png"></li>
</ul>

<script type="text/javascript">
    $(function(){
        $('#span4-envios').appendTo('.pagamento-selos .conteiner .row-fluid');
    })
</script>

Troque os 3 links pelas imagens que você gostaria, pode colocar quantos quiser ou retirar.

3 curtidas

irmão deu certo aqui, mto obrigado pela solidariedade ;D

1 curtida

Que bom, só muda as imagens, pois estão hospedadas na minha página google e se eu alterar um dia vai alterar no seu site tb =D

Bom dia pessoal,
Fiz aqui e apareceu certinho, porem o campo da pagina do face acaba cobrindo um pedaço da imagem.
Sabem como posso corrigir isso aqui?
www.lecarimportados.com.br

Abrassss

Tenta esse código:

/*RODAPE*/

/*Arrumar Barra Rodapé*/
#rodape .institucional{
    background-image:none;
    padding-bottom: 60px;
}
    
/*Alinhar Rede Social*/

#rodape .redes-sociais {
    top: 5.6pt;
}

/*Borda Rede Social*/

 #rodape .redes-sociais.borda-principal {
background: none !important;
box-shadow:none;
/*position:relative;*/
}

.gateways-rodape {

background: none;
border:0px;

Depois só ir alterando os valores das margens se ficar pequeno ou grande.

1 curtida

Olá Lecar_Importados, como vc conseguiu diminuir o campo da página do face?

Com esse código acima que o @Meirim mandou.
Agora só estou tentando fazer aparecer escrito o SOCIAL como ficava antes em cima do facebook.
Alias se souber e puder me ajudar @Meirim. kkkkk

Abrassss

EU troquei o código e coloquei esse ai mas não aconteceu nada nem ficou com aquelas letras verdes nem nada.

Tem que colocar no CSS.

kkkkk, pensei que era no HTML. Obrigado Lecar_Importados

Ta na mão amigo:

.institucional .redes-sociais .titulo {
color: #fff;
}

Coloca a cor que vc deseja =)

@Lecar_Importados só uma observação, aumenta no padding-bottom: 60px; pra 80px; que deve ficar perfeito ^^

@Meirim Obrigado pela dica do tamanho deu certinho.
Mas acredita que o texto ainda não consegui fazer aparecer.kkkkk

Em que pedaço do código coloco essas linhas?

.institucional .redes-sociais .titulo {
color: #fffafa;
}

Código via CSS

.institucional .redes-sociais .titulo {
    color: #fff;
}

Agora deu certo, estava sem o #rodape :slight_smile:
Ai dava erro quando colocava ele lá.
Veja se está bom por favor.

Ficou top hahahah, tudo alinhadinho, perfeito ^^
Só muda as imagens depois, pois essas estão hospedadas na minha página do google, ai se eu alterar vc fica sem =)

Prontinho @Meirim imagens trocadas.
Muito obrigado pela parça.

1 curtida

boa noite!!!
como coloco aqueles icones do caminhãozinho de frete, formas de pagamento, site seguro abaixo do menu superior ou do full banner?
Aguardo resposta e obrigado.

Olá @Meirim !!! tudo bem??

Coloquei o código que você passou

.pagamento-selos #span4-envios ul li { display: inline-block; margin: 0 10px 20px 0; }
.pagamento-selos #span4-envios ul li img {
    width: 100px;
}

body.pagina-carrinho #span4-envios {
display: none
}

Formas de Envio

<li><img src="https://cdn.awsli.com.br/20/20565/arquivos/Correios.png"></li>
<li><img src="https://sites.google.com/site/imagensrmb/sedex.png"></li>
<li><img src="https://sites.google.com/site/imagensrmb/pac.png"></li>

Só que eu gostaria que ficasse o logo dos Correios centralizado e embaixo o do Sedex e PAC.

Como eu faço??