Professional Documents
Culture Documents
width: auto;
z-index:500;
}
a.toTop:hover {background-color: #cc2532;}
</style>
<a href=''></a>
<a id='rb-top' class="toTop" style='display: none; position: fixed; bottom: 90px; right:1%;
cursor:pointer;'>
<i class="fa fa-chevron-up"></i><br>
<span style="font-size:12px;">TOPO</span>
</a>
Local de publicao: Rodap
Pgina de publicao: Todas as pginas
Tipo: HTML
Mudar Tamanho da logo
.logo img {
max-height: 128% !important;
}
Fora todas as pginas para HTTPS.
Mas para isso j tem que ter comprado o Rapis SSL na Loja Integrada.
Basta adicionar em MINHA LOJA > INCLUIR CDIGO HTML e colar ele ajustado para o Cabealho,
em todas as pginas e tipo HTML.
<script type="text/javascript">
if (window.location.protocol != "https:")
{
window.location.href = "https:" + window.location.href.substring(window.location.protocol.length);
}
</script>
Altera cor dos titulos de pagamentos e selos
/* altera cor dos titulos de pagamentos e selos */
.pagamento-selos .titulo {
color: #fff !important;
}
Tirar quadrado atrs do Facebook
#rodape .redes-sociais.borda-principal {
background: none !important;
}
Aumentar banner principal para a largura total da pgina
/* Aumenta banner principal */
.secao-banners .conteiner {
max-width: none;
padding-left: 0px;
padding-right: 0px;
margin-left: -2px;
width: calc(100% + 2px);
}
.banner.tarja {
text-align: center;
}
b.text-parcelas.pull-right.cor-principal {
font-size: 16px !important;
}
Mudar cor dos icones das redes sociais
#cabecalho .lista-redes i { background-color:#ffd5e7; border-radius: 20px; color: #f168ab; height:
24px; width: 24px; line-height: 23px;}
Alterar tamanho dos icones do rodape
/* aumenta os icones do rodape */
#rodape .lista-redes i {
font-size: 25px; /* <- basta alterar para o tamanho desejado o padro 16px*/
}
Alterar nomes do Social Media
Para alterar o nome do social tem que ser via jquery. Montei o cdigo, basta alterar o texto para o
desejado, basta saber colocar html na LI, em Minha Loja - > Incluir html, escolhe o tipo HTML,
posio rodap, todas as pginas e s salvar.
OBS: lembre-se de manter as aspas simples. se no vai dar erro.
<script>
$(document).ready(function(){
// altera nome de social para desejado
$('#rodape .redes-sociais .titulo').html('NOME DESEJADO');
});
</script>
Cor e comprimento da barra de busca
/*Cor e comprimento da barra de busca*/
#cabecalho .conteiner .busca.borda-alpha form input {
background: black;
width: 530px;
Aumentar Texto de bem vindo
/*Aumentar texto Bem vindo*/
#cabecalho a.bem-vindo {
color: #d6b738;
font-size: 22px;
margin-left: 40px;}
Icone de busca
/*Icone de busca*/
.conteiner .conteudo-topo .busca-mobile .busca.borda-alpha button {
border-radius: 50px;
background-color: transparent;
color: #d6b738;
height: 40px;
Fundo transparente na busca
/*Fundo transparente da busca*/
.busca {
position: relative;
padding: 5px;
background-color: transparent;}
<style>
.selos li { margin-bottom: 10px; }
</style>
Alterando Cor do Menu Lateral
/* Cor da barra lateral */
#corpo .conteiner .menu.lateral.fechado .nivel-um li .titulo {color: #9900CC}
#corpo .conteiner .menu.lateral.fechado .nivel-um li:hover .titulo {color: white}
#corpo .conteiner .menu.lateral.fechado .titulo { font-weight: Bold; }
/*cor de cada categoria*/
#corpo .conteiner .menu.lateral.fechado .nivel-um li.categoria-id-512540 a { background-color:
white;}
#corpo .conteiner .menu.lateral.fechado .nivel-um li.categoria-id-512540 a:hover { backgroundcolor: #9900CC;}
Adicionar Selos no rodap
#rodape .pagamento-selos {
background-image: url("IMAGEM QUE VC QUER");
background-repeat: no-repeat;
background-color: white;
background-position: right 200px center;
background-size: 15%;
}