django 1.8 admin site css issue while css file loads fine

Question

django 1.8 on a production server: When loading the admin page, it shows the content without rendering the css, similar to the site shown here.

There are no errors in chrome developer tools. These 2 css files load fine:

<link href="/static/admin/css/base.7cdd754721f8.css" rel="stylesheet" type="text/css"/>
<link href="/static/admin/css/dashboard.4898e2e9983d.css" rel="stylesheet" type="text/css"/>

Still the admin interface appears unstyled.

Relevant settings:

STATIC_ROOT = os.path.join(PROJECT_ROOT, 'staticroot')
STATIC_URL = '/static/'
ABS_TEMPLATES_PATH = PROJECT_ROOT + '/templates'

# Extra places for collectstatic to find static files.
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'project_docs/site'),
)

STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'
MEDIA_ROOT = os.path.join(PROJECT_ROOT, 'media')
MEDIA_URL = '/media/'

Any suggestions?

I don't have these. My site runs on pythonanywhere.com These guys configure it for me. I will check with them. — Davy
– Davy, Commented May 10, 2017 at 7:11
FYI help.pythonanywhere.com/pages/StaticFiles and help.pythonanywhere.com/pages/DjangoStaticFiles — Davy
– Davy, Commented May 10, 2017 at 18:47

Davy · Accepted Answer · 2017-05-12 10:34:00Z

0

This was caused by wrong css files being loaded.

The mkdocs package (http://www.mkdocs.org/) also has a file called "base.css". Static file collection brought them erroneously to the same place, overwriting the django admin base.css file.

So django admin was loading the mkdocs theme...

Corrected the static file collection so these files do not overwrite each other and the issue is solved.

answered May 12, 2017 at 10:34

Davy

1,8421 gold badge21 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

django 1.8 admin site css issue while css file loads fine

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related