Django css file is not working

Question

I'm new in Django and get problem. I have:

STATIC_URL = '/static/'
STATIC_ROOT = '/static/'

at my settings.py, have Project/mainapp/static folder and css/header.css inside that folder. Also i have

{% load staticfiles %}
<link rel="stylesheet" href="{% static 'css/header.css' %}" type="text/css">

at my header html. Browser tries localhost/static/css/header.css but find nothing there. What am i doing wrong? Thanks!

Maybe you need to include app port number in url like: localhost:8080/static/... — Tomasz Mularczyk
– Tomasz Mularczyk, Commented Dec 27, 2017 at 18:06
does not help guyz. Already tried collectstatic, it makes a directory admin inside static, add admin files and this is it. Anyway i run deafalt server and it is supposed to work without collectstatic. Making STATIC_URL = 'localhost:8000/static/' didnt help also. — D. Make
– D. Make, Commented Dec 27, 2017 at 18:14

Gahan · Accepted Answer · 2017-12-27 18:13:12Z

1

Define STATICFILES_DIRS in your settings as below:

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

BASE_DIR is global variable you can find in same settings.py which points to project's working directory. static is your folder inside root directory of your app.

And load static in template instead of staticfiles like below:

{% load static %}

answered Dec 27, 2017 at 18:13

Gahan

4,2234 gold badges26 silver badges47 bronze badges

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

2 Comments

Gahan Over a year ago

Note: this settings will only work in django if DEBUG is set to True otherwise you need to serve staticfiles with apache or nginx

D. Make Over a year ago

have less than 15 reputation, cant upwote now, sorry. Just chosen as the answer! Thank you!

Collectives™ on Stack Overflow

Django css file is not working

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related