Why is my static CSS not working in Django?

by

For Django to serve static files, you have to make sure you have a couple of settings.

STATIC_URL

This setting specifies what url should static files map to under. You have that done already.

STATICFILES_DIRS

This specifies all the folders on your system where Django should look for static files. The idea is that you might have a couple of apps within your project, and each app might require a different set of static files. So for organizational purposes, each app might contain a static directory where it will store only it’s static files. So then Django has to have a way to know where those directories are. This is what this setting is for.

STATIC_ROOT

This setting specifies where Django will copy all the static files to and not where the static files are already at. The idea is that once you leave development into production, Django can’t serve static files anymore due to issues I will not go here (it’s in the article). However for production, all static files should be in a single directory, instead of in many like specified in STATICFILES_DIRS. So this setting specifies a directory to which Django will copy all the static files from from all files within STATICFILES_DIRS by running the following command:

$ python manage.py collectstatic

Please note this is only necessary once you go into production and also that the directory specified here cannot be the same as any directory specified in STATICFILES_DIRS.

Urls.py

In development for Django to serve your static files, you have to include the static urls in your urls.py:

from django.contrib.staticfiles.urls import staticfiles_urlpatterns

urlpatterns = ...

urlpatterns += staticfiles_urlpatterns()

Once you will complete all of the above things, your static files should be served as long as you have DEBUG = True. Out of the list above, you seem to only complete STATIC_URL. Also please note that all the steps I described above are in the docs you linked in your question (link). It might be a bit confusing in the beginning but if you read it a couple of times, it becomes clearer.

More Related Contents:

  1. Render HTML to PDF in Django site
  2. H14 error in heroku – “no web processes running”
  3. Application not picking up .css file (flask/python) [duplicate]
  4. CSS not loading wrong MIME type Django [duplicate]
  5. Change the color of text within a pandas dataframe html table python using styles and css
  6. Django Admin Page missing CSS
  7. Change a Django form field to a hidden field
  8. Flask css not updating [closed]
  9. BeautifulSoup: get css classes from html
  10. How to override css in Django Admin?
  11. django submit two different forms with one submit button
  12. Django return redirect() with parameters
  13. Django sending email
  14. BeautifulSoup innerhtml?
  15. LEFT JOIN Django ORM
  16. How to set up a PostgreSQL database in Django
  17. How to create a UserProfile form in Django with first_name, last_name modifications?
  18. Django staticfiles app help
  19. Gunicorn, no module named ‘myproject
  20. ImportError: cannot import name ‘…’ from partially initialized module ‘…’ (most likely due to a circular import)
  21. Django Many-to-Many (m2m) Relation to same model
  22. Querying full name in Django
  23. Django – Display ImageField
  24. How to log all sql queries in Django?
  25. Checking if an element exists with Python Selenium
  26. Simple approach to launching background task in Django
  27. django-cors-headers not work
  28. IOError: request data read error
  29. Unable to import path from django.urls
  30. How to upgrade sqlite 3.8.2 to >= 3.8.3

Leave a Comment