Página 1 de 1

Diminuir espaço entre um banner e outro nas colunas

Enviado: 23 Set 2018, 01:19
por fabiotsalves
Coloquei alguns banners na coluna da esquerda, porém o espaço entre um e outro é muito grande. Gostaria de saber como diminuir esse espaço.
Já olhei o CSS e não encontrei nada, olhei outros arquivos e também não encontrei. Meu conhecimento em programação é básico, talvez por isso não encontrei nada kkkk

Alguém poderia me auxiliar?
Print: https://imgur.com/a/ZuiTrjs

Obrigado :)

Re: Diminuir espaço entre um banner e outro nas colunas

Enviado: 23 Set 2018, 15:46
por reds
Ola @fabiotsalves

Como visto, o espaço esta sendo causado devido a paginação do slideshow
Basta escrever uma regra no css para colocar a mesma na altura do banner do slide, assim o espaço some.

:ugeek:

Re: Diminuir espaço entre um banner e outro nas colunas

Enviado: 23 Set 2018, 18:16
por fabiotsalves
Obrigado @reds

Todos os banners abaixo desse também ficam com esse espaço. Não é somente este primeiro, eu bati o CSS inteiro porém como não entendo muito, não consegui localizar nada que fixe as margens. Meu conhecimento se limita a alterar as cores no CSS kkkkkkkkkk :roll:

Existe algum trecho no CSS que determina o espaçamento?

Grato :)

Re: Diminuir espaço entre um banner e outro nas colunas

Enviado: 24 Set 2018, 07:59
por reds
Ola @fabiotsalves ,

Caso queira editar no OWL, ..catalog/view/javascript/jquery/owl-carousel/owl.carousel.css
Na linha 114
Coloquei uma posição negativa, algo como top: -30px
Código: Selecionar todos
.owl-pagination {

    text-align: center;
    top: -30px;
    position: relative;

}
Salve e force o navegador para recarregar, CTRL+F5

:ugeek: