Magento – Magento 1.9: Merge CSS breaking frontend UI

magento-1.9merge-css

Recently I tried enabling CSS merge inside System->Configuration->Developer

But this is breaking complete UI in front end. ** It seems like CSS os having issues & I have to make CSS error free**.

Can anyone list out what points have to check in CSS to avoid such issues.

Best Answer

Copy the content of your CSS and copy it into the W3C validator: https://jigsaw.w3.org/css-validator/

It will list the errors and once you've fixed them, merge CSS will come back normal

Related Solutions

Magento – After Enabling SSL magento still loads default Javascript and CSS files with unsecure URLs

Please also update

System > Configuration > General > Web > Unsecure > Base URL

It should be https://www.example.com/ And add this code in .htaccess

#enable website to run https 
        RewriteCond %{HTTPS} off
        RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

And flush your Magento cache. For "Blocked loading mixed active content" open firebug console, it will tell which file is causing this error. If you are using static URL then you need to change it manually from http:// to https:// for more information on this visit here.

Best Answer

Related Solutions

Magento – After Enabling SSL magento still loads default Javascript and CSS files with unsecure URLs

Related Topic