Home › Forums › JavaScript › Use FlexSlider for Fullscreen BG Images? › Re: Use FlexSlider for Fullscreen BG Images?
June 13, 2013 at 10:46 am
#138596
TommyBickerdike
Member
body, html{
height: 100%;
padding: 0;
margin: 0;
}
.flexslider{
display: block;
position: relative; //fixed or absolute may be needed
height: 100%!important;
overflow: hidden!important;
width: 100%!important;
}
.flexslider .slides,
.flexslider .slides li{
width: 100%!important;
height: 100%!important;
}
.flexslider .slides img{
min-height: 100%;
min-width: 100%;
max-width: 10000%!important; //over ride any existing responsive image styling
margin: 0 auto!important;
}