Also
@Terence Donnelly and
@TheSalt I had an issue with images not centering and filling u the slider properly. Terence, looks like you have the slider set to fluid width so I dont know if that would effect you but if you guys want to make your slider look like mine heres my recentfeatures.css
I highlighted the bit that fixes the image centering properly...
#recentFeatures .recentFeatures
{
position: relative;
border: 0px solid #333;
background-color: #000;
overflow: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 400px;
top: -4px;
}
HIGHLIGHT------->#recentFeatures ul li { background-repeat: no-repeat; background-position: center; background-size: cover; height: 400px; }<------ HIGHLIGHT
#recentFeatures ul li a { text-decoration: none !important; color: #EEE; }
#recentFeatures ul li .summary { position: absolute; bottom: 0px; width: 100%; background-color: rgba(0,0,0,0.5); }
#recentFeatures ul li .summary .title { padding: 15px 15px 0px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#recentFeatures ul li .summary .excerpt { padding: 0px 15px 15px; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*---------------------------------------*/
/* BXSLIDER LAYOUT */
/*---------------------------------------*/
/* ITEM CONTROLS */
.bx-wrapper .bx-pager { position: absolute; top: 10px; z-index: 9999; width: 100%; text-align: center; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.bx-wrapper .bx-pager.bx-default-pager a
{
width: 10px;
height: 10px;
margin: 3px;
display: block;
text-indent: -9999px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 1px #FFF inset;
}
.bx-wrapper .bx-pager.bx-default-pager a { background-color: rgba(128, 128, 128, 0.7); }
.bx-wrapper .bx-pager.bx-default-pager a:hover { background-color: rgba(64, 64, 64, 0.7); }
.bx-wrapper .bx-pager.bx-default-pager a.active { background-color: rgba(0, 0, 0, 1); }
/* DIRECTION CONTROLS */
.bx-wrapper .bx-prev { left: 10px; background: url('styles/8wayrun/EWRporta_slider.png') no-repeat 0 -32px; }
.bx-wrapper .bx-next { right: 10px; background: url('styles/8wayrun/EWRporta_slider.png') no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a
{
position: absolute;
top: 50%;
width: 32px;
height: 32px;
margin-top: -16px;
text-indent: -9999px;
z-index: 100;
}
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/*---------------------------------------*/
/* DO NOT TOUCH ANYTHING BELOW THIS LINE */
/*---------------------------------------*/
#recentFeatures .heightFix { height: 500px; } /*HEIGHT*/