Sometimes a developed site moving to local server don't show CSS correctly. It load site without CSS. If you look closely the following style code then will find out CSS call is missing.

<link type="text/css" rel="stylesheet" href="http://localhost/yoursite/" media="all" />
<link type="text/css" rel="stylesheet" href="http://localhost/yoursite/" media="all" />
<link type="text/css" rel="stylesheet" href="http://localhost/yoursite/" media="all" />
<link type="text/css" rel="stylesheet" href="http://localhost/yoursite/" media="all" />
<link type="text/css" rel="stylesheet" href="http://localhost/yoursite/" media="all" />
<link type="text/css" rel="stylesheet" href="http://localhost/yoursite/" media="print" />

Without those CSS your site will not show or work properly. To solve the problem all you will have to do is go to http://localhost/yoursite/?q=admin/config now within that tab you will see Performance http://localhost/yoursite/?q=admin/config/development/performance, click on that. Then a window will come up with options to Clear Cache and Compress CSS/JS check option. Please check the following options which you will get on that window.

  • Clear All Cache
  • Compress cached pages.
  • Aggregate and compress CSS files.
  • Aggregate JavaScript files.

Now at first Clear All Cache. Then Unchecked Compress cached pages, Aggregate and compress CSS files and Aggregate JavaScript files. Finally Save it. Then you site will load with CSS and JavaScript and will be functional like you wanted.

Add comment


Security code
Refresh