Um usuário perguntou ?
Oi, ótimo plugin, mas existe uma maneira de exibir conteúdo de texto? baixa todos os slides, exceto o topo?
(@simonpedge)
1 ano, 8 meses atrás
Sim, talvez, mas você precisará de algum CSS sofisticado:
#SLIDER_ID,
#SLIDER_ID .owl-stage-outer,
#SLIDER_ID .owl-stage {
padding-bottom:100px !important;
}
#slider_image_demo .owl-item .sa_hover_container p {
position:absolute;
bottom: -100px;
}Portanto, substitua o ID CSS “#SLIDER_ID” pelos slides. – A primeira regra CSS acima cria espaço visível suficiente para que o texto fique abaixo do slide – A segunda regra CSS contém um contêiner de elemento (
) completamente sob o recipiente deslizante
Então você terá que brincar com os tamanhos ‘px’ …
(@andyt1980)
1 ano, 8 meses atrás
Felizmente, isso está funcionando bem, exceto por algumas pequenas edições:
– Isso puxa as setas para baixo das imagens, prefiro ficar onde estão
– Por alguma razão, o elemento é empurrado da esquerda por cerca de 20px, você não vê nenhum CSS causando isso. Teste esquerdo: 0; mas isso deixa o texto um pouco mais largo que a imagem, pois tenho uma margem de 3% entre os slides.
Obrigado.
(@andyt1980)
1 ano, 8 meses atrás
Consegui definir o alinhamento do cabeçalho/elemento com o seguinte SEC:
#home_carousel .owl-item .sa_hover_container p {
position:absolute;
bottom: -150px;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
padding: 0 20px;
}
#home_carousel .owl-item .sa_hover_container h3 {
position:absolute;
bottom: -60px;
text-align:center;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
}No entanto, ele precisa de ajuda para manter as flechas no lugar. Além disso, quando adiciono um link a um slide inteiro, ele apenas prende um botão, quero que a miniatura inteira seja um link.
(@simonpedge)
1 ano, 8 meses atrás
Olá, para o posicionamento da seta… Supondo que você tenha colocado anteriormente um bloco de 100px na parte inferior do controle deslizante, a margem superior seria negativa para os botões de seta de 100px + 20px:
#home_carousel .owl-nav div,
#home_carousel .owl-nav button {
top:50%;
margin-top:-120px !important;
}Para um link clicável para a apresentação de slides completa… Consulte a página de perguntas frequentes:
– Na guia ‘Estilo CSS útil para qualquer slide’, sob o título ‘Em vez de usar ícones de link de slide, clique no slide inteiro’
(@simonpedge)
1 ano, 7 meses atrás
Estou marcando como resolvido.
Isto foi útil?
0 / 0