Cannot locate CSS static files for Django page

Question

enter image description here

I'm currently trying to get the styles to load for my index page and am not having any luck. The above illustrates my current file structure. DEBUG = True and I have run collectstatic to no avail. I'm assuming it's all a basic directory mapping issue, but can't seem to figure it out. Thanks in advance.

settings

STATIC_URL = '/static/'

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

URLS

from django.conf.urls import include, url
from django.contrib import admin
from homepage.views import main_page
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [

    url(r'^$', main_page, name = 'home'),
    url(r'^admin/', include(admin.site.urls)),

] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

html snippet

{% load staticfiles %}
<link href="{% static 'css/style.css' %}" rel="stylesheet">
<link href="{% static 'css/font-awesome.min.css' %}" rel="stylesheet">
<link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">

ERROR

'static/css/bootstrap.css' could not be found

You have static/static/css/bootstrap.css in your folder structure, no? — Assem
– Assem, Commented May 21, 2015 at 5:57
try: STATIC_ROOT = os.path.join(BASE_DIR, 'static/static') — Assem
– Assem, Commented May 21, 2015 at 5:59
You have created another static directory inside the static , that is causing the problem. Remove the extra static directory. — Prateek099
– Prateek099, Commented May 21, 2015 at 6:01
I removed the second static directory and still get the error. <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet"> I knew it wasn't an issue, but I know having a single static directory is better. — ryan
– ryan, Commented May 21, 2015 at 6:03

rnevius · Accepted Answer · 2015-05-21 06:28:06Z

2

You're confusing a couple of staticfiles topics.

First, you need to define STATICFILES_DIRS in your settings.py. This needs to be different than your STATIC_ROOT (which doesn't need to be set in development with DEBUG = True):

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

If you want to define STATICFILES_ROOT, this needs to be different than the above. The STATICFILES_ROOT is the location where collectstatic will "collect" static files from your STATICFILES_DIRS, for production.

edited May 21, 2015 at 6:28

answered May 21, 2015 at 6:26

rnevius

27.2k10 gold badges60 silver badges86 bronze badges

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

Collectives™ on Stack Overflow

Cannot locate CSS static files for Django page

settings

URLS

html snippet

ERROR

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

settings

URLS

html snippet

ERROR

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related