Bom Dia a todos da Comunidade. Eu ja procurei por dias algum css, java ou html, que pudesse diminuir o tamanho do full banner ou dos mini banner, uma vez que o tamanho de 1140x400 padrao da loja, deixa eles muito “feios”, e mesmo que eu coloque uma imagem menor (800x250 exemplo), fica um espaço em branco abaixo desse banner. Alguem sabe ajudar?
.banner.cheio+.row-fluid{
margin-top:0px;
}
.conteiner-principal .conteiner{
padding:0px;
}
.flexslider {
width: 900px;
height: 100px;
margin: 0 0 60px;
background: red;
border:none;
position: relative;
zoom: 100%;
-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);
}
Amigão, 100% Alegria.
O código deu certo para reduzir o tamanho do fullBanner, porem, prejudicou a categoria das Marcas, pois elas passaram a ocupar o “espaço” que tiramos do full banner
Teria como eu fazer o mesmo procedimento para reduzir os mini banner?
tem sim, acabei de sair de casa e qnd chegar te passo o codigo, 19994492383 qualquer duvida
Atenciosamente:
Bruno Lopes
(19)99449-2383
.marcas .flexslider{
height: auto;
}
Obrigado.
Mais sem querer abusar, ja abusando gostaria de saber se tem como eu diminuir o tamanho dos Mini Banner, ± pela metade na altura.
E se possivel também aumentar o tamanho da fonte dos Valores da Parcela, e do a vista.
.preco-produto strong.titulo{
color:red;
font-size: 30px;
}
.cor-secundaria{
font-size:25px;
}
esse .cor-secundaria pode ser que modifique mais alguma coisa no site só da uma confirmada pra mim
.banner.cheio+.row-fluid{
height:100px;
}
dos mini banner
Vou eu abusar novamente.
Seus códigos deram super certo para minha necessidade, + preciso de + um favor.
Agora o Full Banner e os Mini Banner estão colados, queria dar um espaço entre eles.
O Meu menu esta com as Bordas Arredondadas, gostaria de dar o mesmo efeito aos demais elementos do site.
Como Corpo e a borda das fotos dos itens na vitrini.
.banner.cheio+.row-fluid{
padding: 10px 0px 10px 0px;
}
troca por esse pra dar espaçamento
colocar borda arredondada no fundo do site
.conteiner-principal .conteiner{
border-radius: 10px;
}
cantos arredondados para produtos da vitrine
.borda-alpha, .borda-alpha *{
border-radius: 10px;
}
Caro Bruno.
So tenho a agradecer suas dicas que foram muito valiosas, a estética do site mudou muito com elas.
Mais se possível preciso de mais umas ajudinhas ainda ^^.
Como remover essas “SETAS”, do Menu, e retirar esse fundo do menu.
Acredito que depois disso esta quase pronto. ^^
@Ferreira já resolveu? Sempre que precisar só chamar, hoje tava meio corrido
Consegui solucionar, + se quiser ajudar ainda quero com outras coisas ^^
Gostaria de dar um pequeno espaço da mesma forma que esta entre o Menu e o Full Banner, mais quero fazer isso entre o Full Banner e Mini Banner, e também entre os Mini e as Marcas.
tenta esse
.banner{
position:relative;
border-bottom:4px solid red;
border-radius:10px;
}
kkkk ficou perfeito.
- uma coisa…
Tem como eu remover esse espaço em vermelho?
Obrigado!! Estava precisando disso também =D
Bruno pode me ajudar?
Cara, você é foda! Mas me fala aqui: todos esses codigos de banner’s são CSS, Java ou HTML?
obrigada!!