2

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

Ritstyx
  • 25
  • 2
  • 8

1 Answers1

8

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

MarsOne
  • 2,155
  • 5
  • 29
  • 53
  • 1
    You rock! Thanks for the quick response. I figured it was something in MY CSS that I was missing. – Ritstyx Sep 04 '13 at 13:46
  • I have the same issue... Now there is a gap between the image and the viewport. I'll try and sort it out and edit my comment when I get a solution. Cannot find the issue but .bx-wrapper img { margin-top: -16px } will sort it out for now. – Abdul Sadik Yalcin Jan 16 '15 at 21:59