Korean
Dark Mode Light Mode

Get the Hottest Updates

WordPress dashboard CSS not loading

When you log in to your WordPress site as an administrator, you may occasionally find that the dashboard (admin area) appears broken, with no CSS applied. Here’s how you can fix that issue.

When you log in to your WordPress site as an administrator, you may occasionally find that the dashboard (admin area) appears broken, with no CSS applied. Here’s how you can fix that issue.

The following two lines are configuration settings used in the wp-config.php file of WordPress:

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

These settings adjust how scripts and styles are loaded in the WordPress admin area, making it easier to debug issues.

Only plain text is displayed because the CSS failed to load

1. define( ‘CONCATENATE_SCRIPTS’, false );

define( 'CONCATENATE_SCRIPTS', false );

By default, WordPress combines multiple CSS and JavaScript files into a single file to reduce HTTP requests and improve performance. However, this bundling can make it difficult to identify specific script issues. Setting this to false ensures that each file is loaded individually, helping you pinpoint the exact source of a problem.

2. define( ‘SCRIPT_DEBUG’, true );

define( 'SCRIPT_DEBUG', true );

Normally, WordPress serves minified versions of CSS and JavaScript files to optimize performance. Enabling SCRIPT_DEBUG forces WordPress to use the full, unminified versions of these files. This is particularly helpful when you’re trying to debug issues, as it provides clearer, more readable code.

Advertisement

3. Editing the wp-config.php File

To apply these settings, open your wp-config.php file and insert the two lines just below the following comment: /* Add any custom values between this line and the “stop editing” line. */

/* Add any custom values between this line and the "stop editing" line. */

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

After saving the file, refresh your dashboard. The admin panel should now display correctly with styles properly loaded.

Add a comment Add a comment

Leave a Reply

chevron_left Prev Post

How to Find a Post ID with Post Name Permalinks

Next Post chevron_right

Disable Auto Zoom in Input tag

Advertisement