No CSS being loaded on backend

I have a WordPress installation on AWS and I was facing an issue that authors are not able to submit content like media in one go and a time-out error occurs. After refreshing the page 5-6 times authors are able to upload content again.

To mitigate this issue, I deactivated all the plugins and upgraded to WordPress 4.0 from the back-end, which also raised a problem and I had to rerun the update manually.

So I downloaded the latest WordPress Zip and followed the instructions as mention on http://codex.wordpress.org/Updating_WordPress.

Finally, in the last step, when I refreshed the browser window, it asked that the database needs an upgrade too. So I followed the on-screen instructions and logged into my WordPress.

After logging in, the WordPress back-end looks like in the following screenshot:

It looks as if no CSS being loaded. How can I solve this issue?

Topic admin-css updates Wordpress

Category Web


This happened to me more than once, such as after migrating to a new domain.

First time: set domain in wp-config.php...

define( 'WP_SITEURL', 'https://some.domain' );

define( 'WP_HOME', 'https://some.domain' );

Second time: set domain in SQL database...

wp_options > wp_options

wp_options > home

Note http vs https can also cause a problem if it is set wrong.


For me it was an .htaccess file in wp-admin directory


I was using MAMP which runs on port 8888, and I had to change my Wordpress database's options table rows site_url and home values from http://localhost/ to http://localhost:8888/ and that fixed it for me.


Adding these two lines to "wp-config.php" worked for me. I had the same issue.

define( 'CONCATENATE_SCRIPTS', false ); 
define( 'SCRIPT_DEBUG', true );

Also, remember to clear cache on server and browser.


I found that my wordpress was set to http:// but I had installed a certificate and needed https://

Changing the default to https:// in wordpress settings fixed it.


I had the same problem and tried the above suggestions first, but they didn't work. Then I realized my issue was coming from mixed content being delivered and I found this answer, which references this answer and explains that it's how Cloudflare's headers confuse WordPress.

Adding the following to wp-config.php worked for me:

if ($_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https') $_SERVER['HTTPS']='on';

but before the line:

require_once(ABSPATH . 'wp-settings.php');

In wp-config.php before require_once add below code into file :

define('CONCATENATE_SCRIPTS', false); 

I had the same issue. I went into my ftp / file manager and discovered that my css folder in the wp-admin folder was missing (I have no idea how it happened). Which makes complete sense - the formatting is what is messed up on the admin site, but not on my actual website. I added the css folder back into the wp-admin folder and everything was solved.


First of all visit: how to fix wordpress admin style problem

it is possible that one plugin incorrectly enqueued some style or jquery file

in the wp-admin/load-styles.php file, change "error_reporting(0);" to "error_reporting( E_ALL | E_STRICT );" then refresh the page, if the page style return to normal, reverse the code change to it's initial state, and your site should look fine.

also adding these line to wp-config.php

define( ‘CONCATENATE_SCRIPTS’, false );
define( ‘SCRIPT_DEBUG’, true );

could help

Then if you have time:

  • backup your db (using phpmyadmin export)
  • install a fresh wordpress from scrach,
  • copy old theme folder to new wordpress (wp-content/themes/)
  • go to admin->plugin page
  • drop db of new wordpress,
  • import old db from your backup_db file, using phpmyadmin
  • refresh your plugin page
  • copy plugins to your wp-content/plugins/ folder
  • active them one by one to find out if one of them caused the problem

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.