Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

Minify CSS using W3 Total Cache

by

Tips and Tricks HQ Support Portal › Forums › WP Lightbox Ultimate › Minify CSS using W3 Total Cache

Tagged: css, lightbox, minify, W3 Total Cache

  • This topic has 7 replies, 2 voices, and was last updated 8 years, 8 months ago by Hazard.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 28, 2014 at 4:18 pm #11091
    Hazard
    Member

    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/]

    June 29, 2014 at 2:06 am #63985
    wpCommerce
    Moderator

    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.

    June 30, 2014 at 12:42 pm #63986
    Hazard
    Member

    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

    July 1, 2014 at 12:54 am #63987
    wpCommerce
    Moderator

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

    July 1, 2014 at 3:07 am #63988
    Hazard
    Member

    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

    July 1, 2014 at 11:44 pm #63989
    wpCommerce
    Moderator

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

    July 2, 2014 at 12:22 pm #63990
    Hazard
    Member

    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/]

    July 2, 2014 at 1:23 pm #63991
    Hazard
    Member

    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
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • WP PDF Stamper Documentation
  • WP Photo Seller Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial
  • WP Photo Seller Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Download Monitor

Copyright © 2023 | Tips and Tricks HQ