CSS files not loading in django

Question

This is my first Django project. I cannot load CSS files onto my website. i've done everything possible.

Project Directries

firstproject/
  assets/
  static/
    css/
      <CSS files>

Settings.py/ static files

STATIC_URL = 'static/'
STATICFILE_DIRS = [
    os.path.join(BASE_DIR, "static")
]

STATIC_ROOT = os.path.join(BASE_DIR,'assets')

urls.py

urlpatterns  += static(settings.STATIC_URL,document_root=settings.STATIC_ROOT)
urlpatterns += static(settings.MEDIA_URL,document_root=settings.MEDIA_ROOT)

HTML file

<link rel="stylesheet" href="{% static 'css/bootstrap-grid.css' %}">

where is assets folder? STATIC_ROOT points to it. how is BASE_DIR initialized? DEBUG = true or false? — IVNSTN
– IVNSTN, Commented Nov 30, 2022 at 20:33
I forgot to mention assets in the code. but it is there, and DEBUG is set to TRUE. — user14829429
– user14829429, Commented Dec 1, 2022 at 4:45

Manoj Tolagekar · Accepted Answer · 2022-12-01 05:16:50Z

0

I think you made spelling mistake in staticfilesdirs in settings.py file.

Change this:

STATIC_URL = 'static/'
STATICFILE_DIRS = [ #Here you made spelling mistake. It should be  `STATICFILES_DIRS`
    os.path.join(BASE_DIR, "static")
]

To this:

STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')
]

And in link tag just add type="text/css".

answered Dec 1, 2022 at 5:16

Manoj Tolagekar

2,0082 gold badges7 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

CSS files not loading in django

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related