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

1 Answer 1

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

2
  • 1
    You rock! Thanks for the quick response. I figured it was something in MY CSS that I was missing.
    – Ritstyx
    Commented Sep 4, 2013 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. Commented Jan 16, 2015 at 21:59

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.