Gostaria que alguém me ajudasse a retirar as bordas de background que fica no site
vi quem em diversas lojas não tem essas bordas nas laterais
Também queria saber como =(
up @Luciano como fazer?
Boa noite.
Tente isto:
No painel da sua loja adicione o seguinte código na opção “Editar CSS”:
.tema-transparente .conteiner {
background-color: transparent;
box-shadow: none;
Abraço.
aqui não mudou nada não
Boa noite.
Qual o link do seu site, por favor?
Vi aqui que também esqueci de fechar a chave, desculpe, seria este o correto:
.tema-transparente .conteiner {
background-color: transparent;
box-shadow: none;}
Boa noite!
Conseguiu adicionar o Código no seu painel?
1 curtida
Opa amigo, estava sem acesso. Consegui sim obrigado pela ajuda =)
Bacana! Por nada, abraço.
Deu certinho!!!Obrigada
@Addis_Jacob Opa, por nada! Fico feliz que tenha ajudado de alguma forma! 
Abraços.
Olá pessoal,
Espero que já tenha sido resolvido para todos, mas somente como informação: em Configurações > Visual da loja > Estilo do Tema
Vocês podem deixar a loja de vocês com container transparent. Isso resolve a questão das bordas.
Já se desejarem que a sua loja fique em full-witdh (tela cheia), podem usar o seguinte código em editar CSS:
.conteiner-principal .conteiner { max-width: 100%;}
Desejo um natal abençoado e um 2019 de muito sucesso!
André T. Silva
Web Designer
(38) 9 9750-9636
Precisa de banners, uma programação,
ou um layout profissional para sua loja?
Faça contato pelo whatsapp e conheça um pouco
do nosso trabalho / portfólio.
4 curtidas
André o seu Código de certinho para o que eu precisava, obrigada
1 curtida
Bom dia, Andre. Será que poderia me ajudar? Esse código expandiu a página, mas se os produtos estiverem sendo exibidos em Carrossel, a página mostra apenas um produto por vez expandido na tela. Dá pra corrigir isso e exibir o carrossel normalmente com 3 produtos ao mesmo tempo, mantendo a página estendida?
2 curtidas
Olá @Cacula-TMK,
Qual o link da sua loja?
1 curtida
Boa tarde. Aqui não deu certo. Não saiu as bordas
Olá, Andre. Desculpe, o link é esse:
Eu estou usando assim e no momento está funcionando
@media (min-width: 768px) {
.menu.superior {width: 100%;position: absolute;top: 152px;left: 0px;}
.logo {margin-bottom: 70px;}
}
/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -3px; }
/* remove as linhas do menu*/
#cabecalho > .conteiner > .menu.superior .nivel-um > li {
border: 0;
padding: 0 14px;
}
.menu.superior .nivel-um > li:hover {background-color: #C9C9C9; }
/* site sem borda */
#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho .conteiner {
padding: 0;
box-shadow: none;
}
.secao-banners .conteiner {
margin: none;
border:none;
box-shadow: none;
max-width:100%
}
.conteiner-principal .conteiner {
border:none;
box-shadow: none;como deixar a barra do menu superior ocupando toda a tela, somente a barra