Django CSS Not Loading

Question

I'm having problems with my Django > css its not loading on the page for some reason am I missing something ?

I have attached snippets of my current code

Settings.py

urls.py

.html

You need to add the static URLs, and furthermore it will only work with DEBUG = True. — willeM_ Van Onsem
– willeM_ Van Onsem, Commented May 7, 2020 at 22:45
See here: docs.djangoproject.com/en/3.0/howto/static-files/… — willeM_ Van Onsem
– willeM_ Van Onsem, Commented May 7, 2020 at 22:45

SALAH EDDINE ELGHARBI · Accepted Answer · 2020-05-08 01:21:00Z

1

put in you'r setting.py

    INSTALLED_APPS = [
    'django.contrib.staticfiles', 
    ]
 STATIC_URL = '/static/'
STATIC_DIR = os.path.join(BASE_DIR,'static')

STATICFILES_DIRS = [

STATIC_DIR
]

then create folder static/file.css(nameyourfile.css)

and then put in your ...html :

 <link rel="stylesheet" href= "{% static "file.css" %}">


    {% load sataticfiles %}

if you use version 3. put :

{% load static %}

edited May 8, 2020 at 1:21

answered May 8, 2020 at 1:14

SALAH EDDINE ELGHARBI

3051 silver badge6 bronze badges

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

1 Comment

Vaclemor Over a year ago

TY! I just had to remove the STATIC_URL and replace it with STATIC_DIR = os.path.join(BASE_DIR,'static') STATICFILES_DIRS = [ STATIC_DIR ]

jjgg · Accepted Answer · 2020-05-07 22:59:47Z

0

You need to do a few more things to configure your static files.

First, you need to make sure django.contrib.staticfiles is included in your INSTALLED_APPS in your django settings.

Also, you need to add this line in your html document:

{% load static %}

I would follow this guide which explains static files in the django docs.

answered May 7, 2020 at 22:59

jjgg

6806 silver badges16 bronze badges

Collectives™ on Stack Overflow

Django CSS Not Loading

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related