Menu icon Foundation
Orbit Image height

I'm using Foundation 6 and using the orbit slider. I've got images in my slider that are 1170 x 400px but the slider for some reason adds about 10px to the height of my images. How can I get the slider to stop adding the extra 10px to the height? It's probably from the js that it adds style="height: 410.516px" to my orbit-container div. But how can I make it so it's the height of my image?

F6Orbitheight

I'm using Foundation 6 and using the orbit slider. I've got images in my slider that are 1170 x 400px but the slider for some reason adds about 10px to the height of my images. How can I get the slider to stop adding the extra 10px to the height? It's probably from the js that it adds style="height: 410.516px" to my orbit-container div. But how can I make it so it's the height of my image?

Carolyn Lee 8 months ago

I figured out why it was adding it now. I had the padding collapsed on that grid-container. Removed that and now it is the right height.