CSS is not loading in Django Admin Panel App?

Question

I have created my first Django project, but in the admin panel, when I run http://127.0.0.1:8000/admin/ the CSS files is not loaded and I also created a new Django app but still got the same error, I have also visited the question but my problem is not solved: Django admin site not showing CSS style

It looks like this:

I can log in:

It should look like this:

settings.py

import os

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

urls.py

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('products/', include('products.urls'))
]

Note: I have used STATIC_ROOT = os.path.join(BASE_DIR, 'static') in settings.py and also run the command python manage.py collectstatic, but still, I got the same thing.

If you in development `./manage.py runserver`, did you use ` + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)` in `urls.py` as in https://docs.djangoproject.com/en/3.2/howto/static-files/#serving-static-files-during-development ? — Gasanov, Sep 26 '21 at 11:06
Show your project urls.py file code you need to import `django settings` there and define static files query! — afi, Sep 26 '21 at 11:37
@Gasanov I applied static in `urls.py` but it is still the same — Hedayatullah Sarwary, Sep 26 '21 at 11:40
@HedayatullahSarwary Are u running it locally or deployed it somewhere like aws — Shreyash mishra, Sep 26 '21 at 15:47

Gasanov · Answer 1 · 2021-09-26T12:01:55.217

1

Assuming you have DEBUG=False in settings.py, you need to manually serve static files. Note that this is not recommended for production - you should serve static files using your web server such as apache on nginx. Also note that django will do this automatically, if you have DEBUG=True.

urls.py:

import re

from django.urls import re_path
from django.conf import settings
from django.views.static import serve

urlpatterns = [
    ...
    re_path(r'^%s(?P<path>.*)$' % re.escape(settings.STATIC_URL.lstrip('/')), serve, {"document_root": settings.STATIC_ROOT}),
]

edited Sep 26 '21 at 12:01

answered Sep 26 '21 at 11:53

Gasanov

2,839
1
9
21

Not working, I have used your code, it didn't help me. – Hedayatullah Sarwary Sep 26 '21 at 12:01
@HedayatullahSarwary But is your `DEBUG=False`? – Gasanov Sep 26 '21 at 12:02
When I turn `DEBUG=False`, `python manage.py runserver` stops? – Hedayatullah Sarwary Sep 26 '21 at 12:06

score 0 · Answer 2 · answered Sep 27 '21 at 06:25

try this might help

from django.conf.urls import url
from django.views.static import serve
from django.conf.urls.static import static
from django.conf import settings


    url(r'^media/(?P<path>.*)$', serve,{'document_root': settings.MEDIA_ROOT}),
    url(r'^static/(?P<path>.*)$', serve,{'document_root': settings.STATIC_ROOT}),
]
if settings.DEBUG:
    urlpatterns += static(settings.STATIC_URL, document_root = settings.STATIC_ROOT)
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

or if it still does not work for you set debug=false thane python manage.py collectstatic after creating a static cdn folder and paste you localhost path in allowed host section and then tell us if it still not loading admin css

and please also try to remove all your cache from browser – Shreyash mishra Sep 27 '21 at 06:26 — Shreyash mishra, Sep 27 '21 at 06:26

score 0 · Accepted Answer · answered Nov 13 '21 at 05:49

0

Thanks, Guys I added the following in my setting.py file, and now it's working fine:

import mimetypes
mimetypes.add_type("text/css", ".css", True)

answered Nov 13 '21 at 05:49

Hedayatullah Sarwary

2,664
3
24
38

CSS is not loading in Django Admin Panel App?

3 Answers3