Magento – CSS broken for the fresh magento ver 1.9.2.0 install

cssinstallationjs-cssmagento-1.9magento-1.9.2.0

I've downloaded magento ver 1.9.2.0 (latest one) from the official website magentocommerce.com/download and installed it using the standard steps. But, now the css is broken and I'm getting a plain text file. Attaching the screenshot.

screenshot

I've tried the following solutions already:

  1. Cleared the cache in var/cache folder and removed all the files from var/session folder as well.
  2. changed the permissions of media and var folders to 777.

  3. Made sure that core_config_data table has proper values for the paths:-

    web/unsecure/base_url    mystore.com/
web/secure/base_url      http://mystore.com/

  4. Tried installing different theme(bluescale) but couldn't do that because the UI of our website is broken and hence, few of the buttons are not working.

  5. Tried installing magento from windows/mac laptop.
  6. Installed flash on my chrome.

I checked few more similar answers but nothing worked out so far.
Please see if someone can help.

Best Answer

Reading your question there are 2 things that come to mind, one of which happened to me today. Magento uses a full path URL to call upon CSS and JS files and it is not uncommon that it results into problems when installing Magento or moving it to another server for example.

  • Could be that merge CSS files is turned on (guess it's unlikely since you installed a fresh copy and this setting is turned of by default). In case it is turned on, turn it off and empty your cache.
  • Magento is not able properly access your media folder. Make sure the media folder that you actually have a media folder and that it is writable by the server.

I've once also encountered problems with the Fooman Speedster extension that actually creates a new folder to put a merged CSS file into. Moving your site breaks just about all your CSS and JS. Make sure it is turned of though I guess you're not working with it. Might help someone else...

Related Topic