Preciso diminuir o espaço entre o full banner / tarja / mini banner / carrossel de lançamentos / carrossel de mais vendidos. Diminuir o espaço na vertical.
Alguem tem esse codigo ?
1 curtida
Alguem tem esse codigo ?
1 curtida
teria como mandar um print marcando qual espaço quer diminuir?
1 curtida
Boa tarde. Segue o link do meu site:
Coloquei um traço vermelho no vão que precisaria diminuir o espaço.
O print só coube algumas partes da tela principal.
O ideal seria diminuir o espaço ate o final das categorias principais.
1 curtida
CSS
.conteiner-principal .conteiner {
padding: 0px 20px;
}
#tarja-slide .conteiner {
padding: 0px 0;
}
#tarja-slide {
margin: 0px 0;
}
div#box-slide {
padding: 0px 0;
}
div#box-slide .titulo-categoria {
display:none;
}
1 curtida
se quiser diminuir mais:
CSS
.listagem .titulo-categoria,
.listagem>h4.titulo,
.titulo-categoria {
margin: 0px 0 0px;
}
para os banners
@media (min-width: 768px){
div#box-banners {
padding-bottom: 0px;
padding-top: 0px;
}
div#box-banners-dois {
padding-bottom: 0px;
padding-top: 0px;
}
}
2 curtidas
Vai dimnuir no mobile tb ?
não sei, só testando.
Diminuiu apenas no desktop, no mobile nao
1 curtida
teste assim:
@media (max-width: 768px) {
div#box-slide {
padding: 0 !important;
margin-bottom: 0px !important;
}
.listagem .slick-list {
padding: 0px 0 0px;
margin: 0px 0 0px;
}
#listagemProdutos>ul li.listagem-linha ul li {
margin: 0 0 0px;
}
}
@media screen and (max-width: 480px) {
.listagem ul:not(.produtos-carrossel)>li {
padding: 0 0px;
padding-bottom: 0px;
}
}
@media screen and (max-width: 1024px) {
.listagem ul:not(.produtos-carrossel)>li {
padding: 0 0 0px
}
.listagem ul>li li {
padding: 0 0 0px
}
}
@media(max-width: 768px) {
.titulo-categoria:after {
bottom: 10px !important;
left: 0 !important
}
.listagem .titulo-categoria,
.titulo-categoria {
padding: 0px !important;
margin: 0px 0 0px !important;
}
}
@media (max-width: 768px) {
div#box-banners-dois .item {
padding-top: 0px;
}
}
2 curtidas
Deixa somente esse ?
um conjunto e para cada tipo de visão
1 curtida
Ok.
Consegue diminuir um pouco mais entre o banner tarja e o primeiro carrossel ?
Para que o primeiro carrossel apareca por inteiro na primeira tela
Sera que vc consegue ?
1 curtida
@media only screen and (max-width: 767px){
#corpo .conteiner > div {
margin: 0 0 0px;
}
.slides-items-category .item {
padding: 0px;
margin: 0px;
}
}
2 curtidas
Muito Obrigado. Top demais
Bom dia Leo, tudo bem ?
Tem como dar um pouco de espaço entre os produtos do carrossel e o Confira nossos lançamentos ?
Bom dia Leonardo, tudo bem ?
O codigo esta ocultando os titulos do primeiro carrossel.
Vc consegue fazer o ajuste ?
Não entendi o problema, mas Faça o ajuste onde tem cada zero no css para a distância desejada.
1 curtida