Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #259511

    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 2 months, 3 weeks ago by  Rustybucket.
    #259660

    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

    #259969

    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.

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘CSS minification causing issues in IE’ is closed to new replies.