Galera, Qual Código coloco para o Full Banner preencher a tela inteira?
Obs: Meu tema é o Google+Li
Veja se este resolve o seu problema…
html >> rodapé >> página inicial-home >> css
.secao-banners .conteiner {
max-width: 100%;
padding: 0;
margin:0;
margin-top: 10px;
border:none;
}
.flexslider {
margin: 0 0 60px;
background: #fff;
border:none;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
-o-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
}
Da uma olhada
www.babycharme,store
Ao adicionar o código, o Full Banner e Mini Banner foram para o lado esquerdo.
No caso seria pra Expandir o Full Banner para preecher o lado direito e esquerdo também
Amigo tenta este, caso não dê, amanhã dou uma olhada pra você…
.banner {
position: relative;
text-align: center !important;
}
.secao-banners .conteiner {
max-width: 100%;
padding: 0;
margin:0;
margin-top: 0px;
border:none;
width: calc(100% + 2px);
}
.flexslider {
background: 0;
margin: 0;
border: 0px !important;
overflow: hidden;
}
Deu certo irmão. Só esqueci de falar, que eu queria acrescentar esse código apenas para o Desktop …
Alterou no mobile também!!
Mas, obrigado … deu certo na expansão.
Boa noite. Esse código você usou na Css? no meu não deu certo 
Oi, tenta usar o primeiro código, sua loja é tema comprado ou padrão?
Oi tudo bem?
Minha loja é tema padrão.
Eu usei, mais não deu certo
1 curtida
Você tentou este código que esta anexado na sua resposta ou o primeiro no inicio da postagem?
Este no caso…
html >> rodapé >> página inicial-home >> css
.secao-banners .conteiner {
max-width: 100%;
padding: 0;
margin:0;
margin-top: 10px;
border:none;
}
.flexslider {
margin: 0 0 60px;
background: #fff;
border:none;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
-moz-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
-o-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
}
Caso não de certo, tenta este, porém vai aumentar o banner tarja também, o caminho é o mesmo.
html >> rodapé >> página inicial-home >> css
.pagina-inicial #corpo .conteiner, .pagina-inicial .secao-banners .conteiner {
max-width: inherit;
}
.pagina-inicial .secao-banners .conteiner img {
max-width: 100%;
width: 100%;
margin: auto;
}
2 curtidas
Valeu amigo, ficou topp!
Mas so fica na pagina inical, como faz para deixar em todas?
Amigo, poderia me ajudar? Como faço para essa seção ficar 100% inteira como esta o full banner? Obrigado!!!
3 curtidas
observei que conseguiu resolver né
2 curtidas
Olá, Mauricio!
Consegui, sim. Obrigado!
Não sei se você vai poder me ajudar, já tentei com encontrar, mas não consegui.
Vou te enviar o modelo da minha loja e de como estou tentando fazer.
Onde fica os produtos, quero que passe para o lado ou fiquem 2 produtos por fileira e não em fileira na vertical como está. Assim ocupa muito espaço e não fica nada responsivo.
Esses são os modelos que achei bacana:
E essa é a minha:
1 curtida
Rapaz me desculpe! Final de ano é correria pra caramba, nem ando olhando aqui na comunidade. Mas vamos lá, coloca esse código CSS e me fala se é isso que você quer.
@media (max-width: 768px){#listagemProdutos > ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}#listagemProdutos > ul li.listagem-linha ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}#listagemProdutos > ul li.listagem-linha ul li{width:50%;margin:0 0 15px}.listagem.com-caixa .listagem-item{border:0;min-height:368px}.listagem.com-caixa .listagem-item .imagem-produto{border:0;padding:0}.listagem .listagem-item .info-produto{border:none!important;padding:5px 0}.listagem .listagem-item .info-produto a.nome-produto{min-height:110px;display:flex;align-items:center}.busca .botao-busca{padding:5px 14px!important}.listagem .listagem-item .acoes-produto-responsiva,#btn-top{display:none!important}.preco-produto s.preco-venda{display:block;font-size:14px}.preco-produto .desconto-a-vista, .preco-produto strong.titulo{font-size: 11px !important}.preco-venda {display:block;font-size:12px !important;}}
Qualquer coisa me chama aqui, posso demorar mas respondo. rsrsrs
Rapaz, eu que agradeço a sua generosidade em me responder. Valeu mesmo!
Vou te enviar a foto de como ficou:
Posso te pedir, só se for possível para ti, tem algum código para que fique assim, com uma foto e tem essas setinhas onde leva para outros produtos:
Se não for possível aplicar o modelo acima(favorito) tem como esse código que vc me passou ter o botão COMPRAR logo abaixo do valor? Dai acho que teria que diminuir o espaço entre o titulo do produto e valor…
1 curtida
Disponha! Ficou estranho mesmo, estou respondendo pelo celular, assim que estiver com meu note vejo o código. Sobre as setas, é só você ativar o carrossel, fica na parte visual das configurações. Mas neste caso apague o código que te enviei. Testa e me fala. Valeu!
Valeu mesmo!
Eu acho que consegui colocar em carrossel, mas no móbile as 3 primeiras fotos na opção “destaque” não aparecem. E também não aparece o botão comprar
Olha esse exemplo:
Achei bacana
Outra coisa que percebi é que não tem carrossel nas fotos quando clico no produto. Isso seria pq tenho poucas fotos?
Olha ess
Esse exemplo: