Django not loading static CSS file

Question

I have looked around on this site as well as others and still have not found a solution that works for why django is not loading my css file

my settings.py file:

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

in my html file:

{% load static %}
<link rel="stylesheet" href="{% static '/css/my_style.css' %}">

My file tree:

todo_app
    static
    todo_app
    todo_list
    db.sqlite3
    manage.py

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'todo_list',
]

Any help would be greatly appreciated. I tried using the STATIC_ROOT as shown on a different thread but there was no change with that.

Something says to me you should remove the first slash / in /css/my... — Anton vBR
– Anton vBR, Commented Nov 29, 2018 at 21:13
What happens when you check the source code in the browser, does it open the css link or says file not found? — Shubhitgarg
– Shubhitgarg, Commented Nov 30, 2018 at 3:40
It was saying the file was not found. Another member just helped me get it figured out though. I just needed to move the static directory within the app todo_list — cbennett423
– cbennett423, Commented Nov 30, 2018 at 16:14

dasan · Accepted Answer · 2020-10-10 14:39:24Z

6

Same Issue, Tried Crazy Solutions for 1 hour,

Found Problem : Browser cachs the css template and need to manually cleared to view the Updated CSS view.

Simple restarting the python manage.py runserver and

Opening the template in chrome's incognito mode solved the issue.

answered Oct 10, 2020 at 14:39

dasan

611 silver badge3 bronze badges

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

Comments

Özkan ŞEN · Accepted Answer · 2018-11-29 21:35:03Z

2

settings.py

# ....
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

# ....

STATIC_URL = '/static/'
MEDIA_URL = '/media/'

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

STATIC_ROOT = os.path.join(BASE_DIR, 'static_root')
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

urls.py

from django.urls import path, include
from django.conf import settings
from django.conf.urls.static import static


# ......


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

answered Nov 29, 2018 at 21:35

Özkan ŞEN

211 bronze badge

8 Comments

cbennett423 Over a year ago

I added the STATIC_ROOT = os.path.join(BASE_DIR, 'static_root') to the settings.py and then added the missing imports and urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) to the urls.py. I put the new statement in the urls.py under the existing ones I already had in there. Is that correct or does it need to be within?

Özkan ŞEN Over a year ago

urlpatterns = [ ] add after

Özkan ŞEN Over a year ago

my django starter project link : github.com/ozkansen/Django-Starter-Project

cbennett423 Over a year ago

Ok, I added it just like your example but there is still no change. When I do a view page source on the site after I run the server I am still seeing "css/my_style.css; could not be found"

cbennett423 Over a year ago

I tried that, it compiled a bunch of files into a static_root folder. Still no luck. I am getting that same error

|

Arin Yazilim · Accepted Answer · 2021-01-03 15:57:16Z

1

Hi I had the same problem and in my case, I solved with hard refresh.

Stop the server with CTRL+C
Update you CSS or load your CSS.
Start the server with python manage.py runserver
If you are using Chrome click CTRL + F5 for hard refresh.

answered Jan 3, 2021 at 15:57

Arin Yazilim

1,13711 silver badges6 bronze badges

Comments

Antifier · Accepted Answer · 2019-06-29 17:47:19Z

0

I had this exact problem. Manually restarting the server fixed it. In the terminal running the server use:

Ctrl-c

python manage.py runserver

edited Jun 29, 2019 at 17:47

answered Jun 29, 2019 at 17:42

Antifier

11 bronze badge

Comments

Amandeep Singh · Accepted Answer · 2019-08-08 20:44:21Z

0

add following in settings.py

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

also, remove slash '/' from href, it should be"{% static 'css/my_style.css' %}"

answered Aug 8, 2019 at 20:44

Amandeep Singh

5313 silver badges5 bronze badges

Comments

user2653663 · Accepted Answer · 2020-01-22 13:33:45Z

0

I had also this problem.I again restart my server and it was fixed. I was stuck here. But after doing this it works perfectly.

> ctrl-c
> python3 manage.py runserver

edited Jan 22, 2020 at 13:33

user2653663

2,9481 gold badge20 silver badges23 bronze badges

answered Jan 22, 2020 at 13:08

Zakaria

8537 silver badges10 bronze badges

Comments

Özkan ŞEN · Accepted Answer · 2018-11-29 21:18:06Z

-1

{% load static %} <link rel="stylesheet" href="{% static 'css/my_style.css' %}">

remove slash '/'

answered Nov 29, 2018 at 21:18

Özkan ŞEN

211 bronze badge

Collectives™ on Stack Overflow

Django not loading static CSS file

7 Answers 7

Comments

8 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

8 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related