I'm not sure where the extra white space on the top and bottom of my slider is coming from. Is it padding or margins? If anyone can assist me, it would be greatly appreciated.
jsfiddle.net/fH3EL
This is because of the bx-slider CSS file. The Bx-slider adds a margin of 5px to your bxslider
You will have to edit this CSS file and make this change
.bx-wrapper .bx-viewport {
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: 0px;
left: -5px;
background: #fff;
}
Check Fiddle