Hi all,

I have a views slideshow with slideshow type 'flexslider'.
I have about 60px of empty space below my slideshow. I can't seem to find the cause of this empty space in firebug. Can anyone please suggest what the cause of this empty space is so I can get rid of it?

Thank you

views

CommentFileSizeAuthor
#1 flexslider margin2.jpg19.79 KBJuc1
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Juc1’s picture

Status: Active » Fixed
FileSize
19.79 KB

OK I think I found this...

css

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

tusik’s picture

Status: Closed (fixed) » Active

Did this fix it for you? Because I have removed those 60px from the stylesheet and still have over 120px of unwanted space below the slider.
I can't even grasp with Firebug where is that coming from....

minorOffense’s picture

I would look at Drupal's default list styles as well. Also ensure you're using the right version of the FlexSlider library (1.8+ for 7.x1.0-rc3, 2.0+ for 2.x)

Juc1’s picture

@ cara1940 - yes my flexslider is ok with no unwanted space. I could take a look at yours if you tell me the link...

tusik’s picture

Ciao minorOffense and Juc1. Thank you for your responses.

@minorOffense: yes I have the right library and will follow your advise and revise the drupal default li styles.... it's possible that's where the issue is coming from.

@Juc1 - I have the site installed locally for development. I will try to find time this week to deploy it remotely and accept your offer to take a look (if checking the defualt li styles doesn't solve it), because I have spent countless hours on this on my own and could go nowhere. Thank you!

tusik’s picture

Another important thing is I KNOW it' s related to some class/id involved with the functioning of the slider, because if I remove the slider block, the next block immediately below moves into position right below the header, without any margin at all. Also I assign an image style to the slider field for the images, which for some reason causes a blank slide, when we are at the blank slide, it happens the same as described above. So it's something to do with the div that contain each sliding image, I think...But I can't quite precise which...

minorOffense’s picture

Status: Active » Postponed (maintainer needs more info)

If you can provide a link to see the site I might be able to help.

busla’s picture

.flexslider {
margin: 0;
}

Proably not the best solution but did it for me. This might cause an issue with the pager though, which I´m not using.

busla’s picture

Issue summary: View changes

x

cassien’s picture

Issue summary: View changes

Hacked in that file :

contrib > views_slidshow_cycle > theme > views-slideshow-cycle-main-frame-row-item.tpl.php

Just removed all spaced

WiredEscape’s picture

I am getting white space below slidshow when Pager Controls = off in Flexslider option set. Although the pager is not displayed when switched off, the html list and styling margins and padding for the pager buttons remain which creates white space. I suppose all the html related to the pager should be removed or hidden when the pager is switched off?

icgort33’s picture

After removing the 4px border etc I was still left with a whitespace under the slider. After a few hours of debugging one thing that fixed it was adding:

.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
margin: 0 0 -16px 0;
}

FlexSlider 2 library with Drupal
Version: 8.x-2.0-beta1