More Demos: bootstrap responsive slider, AI Website Builder, HTML slider, Slick carousel, Bootstrap carousel, HTML slideshow, CSS Slideshow, jQuery carousel, Image carousel
Q: I like the wowslider, but was wondering if there's a trick to get the "descriptions" to run underneath the pictures in the slide show, as opposed to covering the photos?
A: You can open "style.css" file in any text editor (for example, NotePad), find
"#wowslider-container1 .ws-title" class and change "bottom" value.
For example, you have:
#wowslider-container1 .ws-title{
position: absolute;
bottom: 7%;
left: 0;
margin-right:5px;
z-index: 50;
background-color:#FFF;
color:#1E4553;
padding:10px;
font-family: Tahoma,Arial,Helvetica;
font-size: 14px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
You should have:
#wowslider-container1 .ws-title{
position: absolute;
bottom: -20%;
left: 0;
margin-right:5px;
z-index: 50;
background-color:#FFF;
color:#1E4553;
padding:10px;
font-family: Tahoma,Arial,Helvetica;
font-size: 14px;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}