Many thanks for all the great work on the module. I've been trying the various alpha releases of 7.x-2.x and noticed a small CSS bug when used the Zen theme (or equally in my case a custom theme based on Zen).

The issue is that the

  • elements holding slides are not completely hidden when not active so that slides that are less tall leave a large apparent margin below. Elements below like thumbnails are then pushed down. I've tweaked my css to fix this in a way that I don't think should harm other themes although there may be a better solution. I haven't had time to track down why this is but guess that a CSS override in Zen is affecting the default behaviour.

    So mine has :

    div#flexslider-1 ul.slides li {
    display: none !important;
    }
    div#flexslider-1 ul.slides li.flex-active-slide {
    display: block !important;
    }

    Hope that's useful and perhaps we

    • Comments

    minorOffense’s picture

    minorOffense CreditAttribution: minorOffense commented

    I'll have to see. We use Zen a lot with FlexSlider but we have a stock flexslider-custom.css file we include to reset things. I'll look through that and see if anything in there would be good as a global setting.

    It's tough though, I can't make changes to the core module for all themes as I'd be perpetually changing the module ;-)

    gittosj’s picture

    gittosj CreditAttribution: gittosj commented

    Completely understand @minorOffense. Maybe we could include a page of "theme tweaks" in the docs. As you rightly point out, they might go out of date quite quickly so we should date stamp them but it might save users time and detective work to see the fixes others have used?

    amaria’s picture

    amaria CreditAttribution: amaria commented
    Status: Active » Closed (outdated)

    Closing this since much has changed in core, zen theme, and flexslider library and module.