milohuang / reverie

Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
http://theakiba.com/reverie/
MIT License
916 stars 196 forks source link

W3Total Cache - Minify / Combine CSS issues #77

Closed zumajoe closed 11 years ago

zumajoe commented 12 years ago

Assuming this has to do with the way Reverie is enqueing the CSS as of 3.0, CSS does not render the website correctly using W3Total Cache plugin for Minifying / Joining CSS.

-Tested this on a blank install, fresh theme -This is for the "Auto" setting for minify

NRG-R9T commented 12 years ago

maybe it has to do with the following issue I just wanted to adress (until I saw your entry) ?

-> the foundation.css file of reverie 3.0.0 contains only one line, in compare to version Reverie 2.0 (see history)

cookielessdomain commented 12 years ago

Hi there.

The foundation.css file of version 3 is already minified (same as ZURB Foundation 3).

2 options:

1 - Do not use "Auto" settings for minify with W3 Total Cache.

2- You could also "beautify" the foundation.css if you want (e.g. with http://cssbeautify.com/) and save it. Maybe then "Auto" setting will work again (not tested)

Michael

Firestorm-Graphics commented 12 years ago

minified files cannot be minified again, so foundation.css cannot be minified, enqueuing has no detrimental effects to known caching plugins and is the recommended process for wordpress, you will also find js files minified already like:

modernizr.foundation.js jquery.placeholder.min.js

my advice is to turn off that feature and minify the files yourself, i use a coda 2.0 plugin by these guys http://www.chipwreck.de/ but there are various options available including browser based ones.

EDIT: I have just added to my fork a non minified version of foundation.css here: https://github.com/flickapix/reverie you can copy & paste it into your existing file or enqueue it. :)

milohuang commented 12 years ago

ZURB updated foundation.css file and now you may need to minify it.