Images bump to the bottom of page (Easy Fancybox)

  • Resolved project_subdomain

    (@project_subdomain)


    9 years ago

    Hi!
    Had this problem already after activating Autoptimize and optimizing CSS. Instead of opening the image in a lightbox, the image bumped to the bottom of page in a displaced overlay background.

    Got this to work with excluding easy fancybox’ css file ( jquery.fancybox-1.3.7.css) in autoptimize.
    Now, suddenly, after neither updates, plugin installations nor minor changes had been made, this behaviour started again. Now it’s limited to smaller screen sizes. Works when I deactivate CSS-optimizing.

    Would be very happy for any help with this as I’m really stuck here – thanks!

    https://www.ads-software.com/plugins/autoptimize/

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi, I’ve had reports about optimisation or minification of the already minified fancybox stylesheet causing broken CSS before. And without valid CSS, the lightbox renders at the end of the page instead of floating over the page content.

    Excluding the stylesheet is the only solution (as you found out) but I cannot explain why that would not solve it for smaller screen sizes any more. Can you share a link to where this is happening?

    Plugin Author Frank Goossens

    (@futtta)

    maybe the theme has specific CSS for smaller screensizes which somehow messes things up when optimizing. but indeed a link would prove helpful ??

    ravanh; if the file is minified already, wouldn’t it be better to rename it to jquery.fancybox-1.3.7.min.css? that way minifiers know that it is already minified. as from the upcoming AO 2.0 will aggregate but not minify such files (as do all plugins that use “Mr. Clay’s Minify” such as WP Minify and BWP Minify).

    frank

    @frank

    ravanh; if the file is minified already, wouldn’t it be better to rename it to jquery.fancybox-1.3.7.min.css? that way minifiers know that it is already minified. as from the upcoming AO 2.0 will aggregate but not minify such files (as do all plugins that use “Mr. Clay’s Minify” such as WP Minify and BWP Minify).

    Oh but it does have the file name jquery.fancybox-1.3.7.min.css. See https://plugins.svn.www.ads-software.com/easy-fancybox/tags/1.5.7/fancybox/

    @project_subdomain
    Did you exclude jquery.fancybox-1.3.7.min.css or jquery.fancybox-1.3.7.css? The first one (with min in the file name) is the one that is actually used. Unless you have WP_DEBUG on, then the non-minified stylesheet is included.

    Thread Starter project_subdomain

    (@project_subdomain)

    Thank you both so much!
    Excluded jquery.fancybox-1.3.7.min.css (instead the non-minified stylesheet) which just did the job, so it works again on small screen.
    In fact I disabled wp_debug recently. Never thought it could be causing this behaviour which is really good to know.

    Plugin Author Frank Goossens

    (@futtta)

    great, happy it works!

    frank

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Images bump to the bottom of page (Easy Fancybox)’ is closed to new replies.