Knowledgebase

Broken Layout or Missing Styles Print

  • otherapplicationsscripts, other, caching, permissions, https, domain, database, migration, firewall, plugins
  • 0

The site loads without its design.

THE USUAL CAUSE

The site URL setting is wrong, so stylesheets and scripts load from the wrong location. Common after a migration or a domain change.

Correct the site URL in the application's configuration.

MIXED CONTENT

If the site is on HTTPS and stylesheets are requested over HTTP, browsers block them and the page loses its styling.

Check the browser console, which names each blocked resource.

Run a database search and replace from http to https.

CACHING

A caching plugin serving an old combined stylesheet after a change. Purge all caches.

If combining or minifying files broke something, disable that option and retest.

FILE PERMISSIONS

A stylesheet at the wrong permissions returns 403. Check for 644 on files.

MISSING FILES

An incomplete upload or extraction. Check the file exists at the path the page requests.

DIAGNOSING

Open the browser console and the network tab. Failed requests show exactly which file and why.


Was this answer helpful?
Back

Are you happy with your experience? Leave us a review on Trustpilot.


Trustpilot