Slide Anything Usage Examples

Content & settings for the above example slider

Listed below are all the settings I’ve used to create the example slider above.

Slide Background settings

The Responsive CSS for this slider

#menu_slider .owl-item .sa_hover_container > div {
	position:absolute; top:50%; margin-top:-28px; width:100%; text-align:center; }
#menu_slider .owl-item .sa_hover_container > div > h5 {
	padding:0px 0px 6px; font-family:'Open Sans'; font-weight:700; font-size:14px;
	line-height:20px; letter-spacing:3px; color:#ffffff; text-shadow:0px 0px 1px #000000; }
#menu_slider .owl-item .sa_hover_container > div > h3 {
	padding:0px; font-family:'Open Sans'; font-weight:700; font-size:24px;
	line-height:30px; letter-spacing:3px; text-shadow:0px 0px 1px #000000; }
#menu_slider .owl-item .sa_hover_container > div > h3 a {
	color:#ffffff; }
.white #menu_slider .owl-nav .owl-prev, .white #menu_slider .owl-nav .owl-next {
	background-color:transparent !important; }
@media only screen and (max-width:980px) {
	#menu_slider .owl-item .sa_hover_container > div { margin-top:-26px; }
	#menu_slider .owl-item .sa_hover_container > div h3 { font-size:22px; line-height:28px; }
}
@media only screen and (max-width:767px) {
	#menu_slider .owl-item .sa_hover_container > div { margin-top:-24px; }
	#menu_slider .owl-item .sa_hover_container > div h3 { font-size:20px; line-height:26px; }
}

Slider Style