Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 2, 2014 at 6:18 pm #259511
    Rustybucket

    Hello, I’m using W3 total cache and I’ve noticed that in IE v 9 and below CSS minification is causing some issues with display. I get the same result using the bwp minify plugin.

    I’m not sure what’s causing the problem, IE 9s inspection tools aren’t good enough to identify it but the issues are pretty severe. The header is the wrong colour, links are the wrong colour, transparency doesn’t work, slider doesn’t display etc.

    I’ve tried disabling all other plugins and removing all custom CSS but the problem persists. I’ve checked on multiple installs of IE 9.

    Minification makes a big difference to site speed so I’d really like to be able to use it. Any ideas how I can rectify this?

    Without minification:
    https://www.dropbox.com/s/jfkyumo3cogiwan/_nomin.jpg

    With minification:
    https://www.dropbox.com/s/th3rrh7eba7ihm8/_min.jpg

    • This topic was modified 9 years, 11 months ago by Rustybucket.
    May 3, 2014 at 11:17 am #259660
    Ismael

    Hey Rustybucket!

    Thank you for using the theme.

    When using the BWP minify plugin, please try to exclude the layout.css file by using the “avia-layout” and “avia-dynamic” handles. You can also add this on functions.php:

    add_filter('bwp_minify_style_ignore', 'exclude_my_css');
 
function exclude_my_css($excluded)
{
    $excluded = array('avia-layout', 'avia-dynamic');
    return $excluded;
}

    Regards,
    Ismael

    May 4, 2014 at 5:10 pm #259969
    Rustybucket

    Thanks Ismael, that did the trick. I prefer W3TC so I added ‘/wp-content/themes/enfold/css/layout.css’ to the ‘Never minify the following CSS files’ section of the minification page.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘CSS minification causing issues in IE’ is closed to new replies.