Django project templates related css is not working in production

Question

I got following settings:

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

In my templates I got

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

My static folder includes default Django admin css and js like /static/css and its working fine.
My same static folder includes /static/appname/css/main.css

Still my css is not coming up. My templates are showing up but without css/js. I got all my folders such as 'templates', static', 'static-files' under my project folder.

My default Django static files are showing after "coollectstatic" under static/admin. But I have no idea how to use "STATICFILES_DIRS" in production to show my project template related static files. I am deploying for production. Please advise.

you need to configure the web server to redirect static to that folder, and run collectstatic — Aviah Laor, Feb 10 '16 at 06:36
As mentioned my Django default static files are showing up. But not my project static files. — Shazia Nusrat, Feb 10 '16 at 08:13
Do you have static folder at project level or app level? I mean your static folder is on this level "/project/static/" or on this /project/appname/static/ ? — Muhammad Hassan, Feb 10 '16 at 08:46
Only project level. But I tried to add a sub folder with project name like /static/porjectfolder/ hoping that it will collect sub directory. It didn't worked. Do you want me to create my base.html under some app like /templates/appname/static? Currently its /project/static. — Shazia Nusrat, Feb 10 '16 at 08:51

score 1 · Accepted Answer · edited May 23 '17 at 10:28

1

I figured it out that it needed settings in gunicorn from What is the most common way to configure static files in debug and production for Django . The tutorial is not based on gunicorn but the link attached regarding gunicorn worked fine for me. I am thankful as you guys tried to help and stackoverflow just rocks.

edited May 23 '17 at 10:28

Community

1
1

answered Feb 10 '16 at 11:57

Shazia Nusrat

174
1
10
36

score 0 · Answer 2 · answered Feb 10 '16 at 08:50

0

collectstatic copies everything below the paths in STATICFILES_DIRS. So since you are putting appname there your css file will end up at "/static/css/main.css". What you want to do is probably change the setting to:

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

answered Feb 10 '16 at 08:50

Tomas Walch

2,245
1
14
17

Tried both ways...it collected static as I miss spelled the folder under static/appname. But later on it collected it but domain in production still says after inspecting element that: "Failed to load resources: the server responded with a status of 404 (not found) http://domain.com/static/css/main.css" and same for js files and others. HTML is coming fine though and css for Admin is also working. – Shazia Nusrat Feb 10 '16 at 09:24
I am setting up with Gunicorn and Nginx and every time I make changes I restart both services just to make sure that changes take affect. So the problem is in project based templates related css only. Admin css working just fine as my site set to Debug=False. – Shazia Nusrat Feb 10 '16 at 09:27

score 0 · Answer 3 · answered Feb 10 '16 at 08:54

0

Change your settings like this

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

Now you can load your static files like this

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

answered Feb 10 '16 at 08:54

Muhammad Hassan

14,086
7
32
54

It is collecting static and showing in folder. But not coming up live somehow. I did what your guys told me exactly. – Shazia Nusrat Feb 10 '16 at 09:54
Are you checking it on production server on local machine? – Muhammad Hassan Feb 10 '16 at 10:01
I am in production as mentioned in question. – Shazia Nusrat Feb 10 '16 at 11:40

Django project templates related css is not working in production

3 Answers3