Códigos da Loja IntegradaRemover Borda do carrinho .carrinho { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.12); position: relative; } Adicionar Instagram no rodapé da página https://www.youtube.com/watch?v=ygnnoewg_fM <div id="instagram-rodape" class="hide"> <div class="conteiner"> <a href="https://instagram.com/lojaintegrada">Siga-nos no Instagram</a> </div> <!-- INSTANSIVE WIDGET --> </div> <script type="text/javascript"> $(document).ready(function() { if($('#rodape').length && $('#rodape .pagamento-selos').length) { $('#rodape').before($('#instagram-rodape').removeClass('hide')); } else { $('#instagram-rodape').remove(); }; }); </script> <style> #instagram-rodape .conteiner { padding: 0; background: transparent; box-shadow: none; maxwidth: 1180px; margin: 50px auto 15px; } #instagram-rodape .conteiner a { font-size: 20px; font-weight: 600; } </style> Botão voltar ao topo <!-- Botão voltar ao topo --> <script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$(" #rb-top") .fadeIn()}else{$("#rb-top").fadeOut()}});$("#rbtop").click(function(){$("body,html").animate({scrollTop:0},800);return false})}); </script> <style type="text/css"> a.toTop { background-color: #db2429; border: 0; border-radius: 3px; bottom: 10px; color: #ffffff; cursor: pointer; display: none; font-size: 14px; padding: 10px 15px; position: fixed; text-decoration:none; right: 10px; text-align: center; tarja { text-align: center. margin-left: -2px. width: calc(100% + 2px).secao-banners .'> <i class="fa fa-chevron-up"></i><br> <span style="font-size:12px.banner. } Aumentar banner principal para a largura total da página /* Aumenta banner principal */ . } .pagamento-selos .href.toTop:hover {background-color: #cc2532. bottom: 90px.substring(window.location.location. padding-left: 0px. Basta adicionar em MINHA LOJA > INCLUIR CÓDIGO HTML e colar ele ajustado para o Cabeçalho. } </script> Altera cor dos titulos de pagamentos e selos /* altera cor dos titulos de pagamentos e selos */ .length).protocol != "https:") { window. <script type="text/javascript"> if (window.redes-sociais.logo img { max-height: 128% !important.protocol.location.conteiner { max-width: none.width: auto.location. } a. Mas para isso já tem que ter comprado o Rapis SSL na Loja Integrada.">TOPO</span> </a> Local de publicação: Rodapé Página de publicação: Todas as páginas Tipo: HTML Mudar Tamanho da logo . right:1%. position: fixed. cursor:pointer. } Tirar quadrado atrás do Facebook #rodape . } .borda-principal { background: none !important.href = "https:" + window. } Força todas as páginas para HTTPS. padding-right: 0px. em todas as páginas e tipo HTML.titulo { color: #fff !important. z-index:500.} </style> <a href=''></a> <a id='rb-top' class="toTop" style='display: none. padding-right: 248px.nivel-um>li.conteiner { max-width: none.menu. } cada cartegoria é um id e uma url.menu. } Mudar fonte principal body { font-family: Open Sans !important.tarja { text-align: center. } Fonte Menu Superior . terá q fazer um código para cada um para saber o id da cartegoria abra seu site. aperte f12 e vá em conteiner principal > id = cabeçalho >class conteiner > class menu superior > class nivel 1 Lembrando que para cada site o id da cartegoria será diferente! Não adianta copiar de outro site e esperar q funcione use imagens do tamanho 40x40 ou 30x30 Se o ícone ficar grudado com o menu.menu.categoria-id-000000 >ul { background: url(COLOQUE AQUI O LINK DA IMAGEM) right top no-repeat #fff.conteiner . text-indent: 2px.titulo {font-size: 14px} Mudar Cor ao passar o mouse no menu . } .titulo { margin: 30px -1px.menu. coloque esse código no editar css: .superior . margin: 0 auto.menu. 255. padding: 0 20px.conteiner .superior>ul. float: initial } Imagem na Sub-cartegoria . } .superior .menu. } Para melhorar o menu na versão mobile use: #cabecalho .categoria-id-00000 { background: url( COLOQUE AQUI O LINK DA IMAGEM ) center top no-repeat.superior { background-color: rgb(255.nivel-um>li {display: .menu.superior ul {text-align: center} #cabecalho .nivel-um > li:hover {background-color: nome_da_cor} Mudar Cor Menu .superior .banner. height: . 255).Deixar Seção dos produtos da loja mais largo .superior .} Colocar Imagens no menu li. parcelas-produto .superior { text-align: center.conteiner > .5) !important.conteiner . -o-transform: scale(1.accordion . margin-right: -3px. -moz-transition: all .lista-redes li { float: initial !important.canais-contato { float: right !important } } Mudar cor do Identifique-se #cabecalho . transform: scale(1.} Aumentar imagens da forma de pagamento no carrinho . } #cabecalho > .4s !important. padding: 2px 0 18px 0 !important. border: none !important.Centralizar itens do Menu /* Centralizar os itens do menu */ #cabecalho > . } .conteiner . top: 60px !important.conteudo-topo . } .menu. left: 10px !important.barra-inicial .barra-inicial .conteiner > .lista-redes li i::before { -webkit-transition: all .barra-inicial . box-shadow: 0 0 0 2px white inset !important. } .barra-inicial .superior span.cor-principal {color: red.lista-redes li i { padding: 6px !important. borderleft: 0.4s !important.4s !important.5) !important.menu.conteiner .4s !important.lista-redes li i:hover::before { -webkit-transform: scale(1.4s !important.accordion-group .conteiner .accordion-heading img { max-height: 40px.conteiner .lista-redes { position: fixed !important. } . transition: all .barra-inicial .nivel-um > li { float: none. width: 50px !important. -ms-transform: scale(1. -o-transition: all .conteiner .5) !important. } . -moz-transform: scale(1. z-index: 9 !important.5) !important.superior .5) !important.barra-inicial . border-radius: 40px !important. } Redes Sociais Flutuantes @media only screen and (min-width: 770px){ . } . -ms-transition: all . display: inline-block. } Mudar cor dos icones das redes sociais #cabecalho .lista-redes i { font-size: 25px. Aumentar Texto de bem vindo /*Aumentar texto Bem vindo*/ #cabecalho a.conteiner .bem-vindo { color: #d6b738.} Icone de busca /*Icone de busca*/ .cor-principal { font-size: 16px !important. height: 40px.pull-right. /* <.titulo').> Incluir html.busca-mobile .busca { position: relative.borda-alpha form input { background: black.} . basta saber colocar html na LI. background-color: transparent.borda-alpha button { border-radius: 50px.text-parcelas.ready(function(){ // altera nome de social para desejado $('#rodape . background-color: transparent. line-height: 23px.html('NOME DESEJADO').conteiner . border-radius: 20px. font-size: 22px. padding: 5px. }). escolhe o tipo HTML. se não vai dar erro. margin-left: 40px. Fundo transparente na busca /*Fundo transparente da busca*/ . width: 24px.lista-redes i { background-color:#ffd5e7.redes-sociais . </script> Cor e comprimento da barra de busca /*Cor e comprimento da barra de busca*/ #cabecalho . posição rodapé. color: #d6b738. color: #f168ab.} Alterar tamanho dos icones do rodape /* aumenta os icones do rodape */ #rodape . em Minha Loja . width: 530px. OBS: lembre-se de manter as aspas simples.b.basta alterar para o tamanho desejado o padrão é 16px*/ } Alterar nomes do Social Media Para alterar o nome do social tem que ser via jquery. Montei o código. height: 24px. basta alterar o texto para o desejado.conteudo-topo . <script> $(document).busca.busca. todas as páginas e só salvar. botao-comprar-ajax { background: url(LINK DA IMAGEM DO BOTÃO) center center no-repeat. } Imagem do Botão Comprar .grande. padding: 10px 0. border: none. mas o cliente vai entender que é para o produto acima. padding-top: 230px. e na parte inferior da foto. margin-top: -100px.bem-vindo"). width: 180px. text-indent: -9999px.pagina-produto a. }).Mudar o texto bem vindo No painel vá em Incluir Código HTML e deixe como na imagem abaixo.ready(function() { $('#selos-rodape li'). } Criar botão do Mercado Livre no rodapé Criar uma pagina html no rodapé <ul id="selos-rodape" class="hide"> <li> <a href="LINK DA LISTA DOS PRODUTOS NO ML" target="_blank"> <img src="LINK DA IMAGEM" /> </a> </li> </ul> <script type="text/javascript"> $(document).text("Cadastro").acoes-produto a { width: 70%. .selos ul')).. </script> Mudar de posição o botão ver mais Para o mobile tenta adicionar esse código: Ele vai ficar abaixo dos valores.principal.listagem-item . O código a incluir é esse: <script> $(function(){ $("a. @media only screen and (max-width: 479px) . left: 0. } Já para o desktop tenta esse código: Ele vai ficar acima da descrição. }).appendTo($('#rodape ..listagem-item:hover .listagem . além de um pouco menor. </script> ...botao-comprar.acoes-produto-responsiva { margin: 0.botao. categoria-id-512540 a { background-color: white.fechado .lateral.lateral.selos li { margin-bottom: 10px.titulo { font-weight: Bold.menu.<style> . background-color: white. } /*cor de cada categoria*/ #corpo . } </style> Alterando Cor do Menu Lateral /* Cor da barra lateral */ #corpo .lateral.} #corpo .titulo {color: #9900CC} #corpo .menu. } .lateral.nivel-um li:hover .nivel-um li.nivel-um li.categoria-id-512540 a:hover { backgroundcolor: #9900CC. background-position: right 200px center.conteiner .titulo {color: white} #corpo .menu.fechado .fechado .conteiner .menu.conteiner .lateral.menu.pagamento-selos { background-image: url("IMAGEM QUE VC QUER").} Adicionar Selos no rodapé #rodape .fechado .conteiner .fechado . background-repeat: no-repeat.nivel-um li . background-size: 15%.conteiner .