Minify CSS using W3 Total Cache

[Hazard]

Hi all, I’m optimizing my site using W3 Total Cache, and I am trying to minify the WP Lightbox Ultimate CSS files. But when I minify the CSS files, the fancy box does not work in the site properly.

I have played around with the order but I have not been able to stumble upon the correct order so the plugin works after minimization. Has anyone tried this before? Does anyone know which is the correct order to keep the plugin functioning properly?

All of my other plugin CSS files minimize properly without losing functionality.

Here are the files I am working with:

wp-content/plugins/wp-lightbox-ultimate/lib/fancybox/source/jquery.fancybox.css

wp-content/plugins/wp-lightbox-ultimate/wp_lightbox_ultimate_custom.css

wp-content/plugins/wp-lightbox-ultimate/lib/css/wp_lightbox_ultimate.css

wp-lightbox-ultimate/lib/fancybox/source/helpers/jquery.fancybox-buttons.css

wp-content/plugins/wp-lightbox-ultimate/lib/fancybox/source/helpers/jquery.fancybox-thumbs.css

Any help or insights would be appreciated.

Thanks!

Haz

[http://www.aquariumcarebasics.com/]

[wpCommerce]

Hi, it’s working fine for me. You may have a typo in the URL. Please enter the URL like the following:

wp-content/plugins/wp-lightbox-ultimate/lib/fancybox/source/jquery.fancybox.css

wp-content/plugins/wp-lightbox-ultimate/wp_lightbox_ultimate_custom.css

wp-content/plugins/wp-lightbox-ultimate/lib/css/wp_lightbox_ultimate.css

wp-content/plugins/wp-lightbox-ultimate/lib/fancybox/source/helpers/jquery.fancybox-buttons.css

wp-content/plugins/wp-lightbox-ultimate/lib/fancybox/source/helpers/jquery.fancybox-thumbs.css

Make sure to click the “Verify URI” button after adding a style sheet.

[Hazard]

Thanks, that worked. But I found one more, and when I add it the fancybox does not work correctly

wp-content/plugins/wp-lightbox-ultimate/lib/prettyPhoto/css/prettyPhoto.css

Where does this go in the order? Any ideas?

Thanks a million

Haz

[wpCommerce]

It’s still working for me with the prettyPhoto style sheet. prettyPhoto is a completely different library. So it shouldn’t affect fancybox.

[Hazard]

On my end, minifying this css file (wp-content/plugins/wp-lightbox-ultimate/lib/prettyPhoto/css/prettyPhoto.css) prevents the PrettyPhoto pop-up window from working properly. Now sure why it does not work for me.

Any insight would be appreciated.

Haz

[wpCommerce]

prettyPhoto popups are working fine as well. Are you using any other minify options? For example: HTML minify.

[Hazard]

I’ve done lots of testing and I’ve minified all of the css files above. prettyPhoto seems to be only a problem when viewing the site on Firefox.

The plugin works great in IE, Chrome, Safari on desktops, and on safari tablets.

Yes, I am using HTML & XML Minify:

Enable – Checked

Inline CSS minification – Checked

Inline JS minification – Checked

Line break removal – Checked

My site is very fast as it stands. On GT Metrix, the Google Pagespeed is 99%, Yslow is 98%, Page load time of 0.95s. The page is 807KB.

This exercise for me is about learning how to optimize properly and making sure the sites functions properly. This prettyPhoto issue has been a touch nut for me to crack for a long time.

Any insights you can give would be appreciated.

Thanks!

[http://www.aquariumcarebasics.com/]

[Hazard]

I think I have it working properly now. I unchecked Line break removal in HTML & XML Minify, cleared all the caches and it seems to be working fine.

[Author]

Posts