Yes, possibly, but will require some fancy CSS:
#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;
}
So replace “#SLIDER_ID” with the CSS ID of your slider.
– The first CSS rule above creates enough visible space to contain text below the slider
– The second CSS rule positions a paragraph (<p>) container absolutely below the slide container
So you will have to play around with the ‘px’ amounts…
Thank you, this is working quite well apart from a few small issues:
– This also pulls the arrows down to below the images, I’d prefer them to stay where they are
– For some reason the paragraph is slightly pushed in from the left by about 20px, can’t see any CSS causing this. Tried left:0; but that pulls the text slightly wider than the image because I have a 3% margin between the slides.
Thanks.
I managed to fix the heading/paragraph alignment with the following CSS:
#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;
}
However, still need help keeping the arrows in place. Also, when I add a link to a whole slide it just adds a button on hover, I would really like the whole thumbnail to become a link.
Hi, regarding the arrow positioning…
Assuming you added 100px padding previously to the bottom of your slider, the negative top margin for your arrow buttons would be 100px + 20px:
#home_carousel .owl-nav div,
#home_carousel .owl-nav button {
top:50%;
margin-top:-120px !important;
}
To make the whole slide a clickable link…
Have a look at the FAQ page: https://edgewebpages.com/faqs/
– Under the ‘Useful CSS Style for Slide Anything’ tab, under the heading ‘Instead of using slide link icons, make the entire slide clickable’
Am marking this as resolved.
