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

Files: 
CommentFileSizeAuthor
#1 flexslider margin2.jpg19.79 KBJuc1

Comments

Status:Active» Fixed
StatusFileSize
new19.79 KB

OK I think I found this...

css

Status:Fixed» Closed (fixed)

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

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....

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)

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

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!

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...

Status:Active» Postponed (maintainer needs more info)

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

.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.

Issue summary:View changes

x