Why the css file can not be found in Django template?

Question

I have created a project in Django. Also, I am using django-allauth for sign up and login.

In order to use my own templates with django-allauth, I have created a html file called signup.html in a folder called account inside a folder called templates which is outside of of all my apps (/templates/account/signup.html). That works.

I tried to use some custom css file inside signup.html:

<link rel="stylesheet" href="/templates/account/signup.css">

It says that the file can not be found. Though, it is located in templates/account.

Possible duplicate of [Django -- Can't get static CSS files to load](https://stackoverflow.com/questions/7574759/django-cant-get-static-css-files-to-load) — scharette, Oct 20 '17 at 04:06
@Giannislordanou did you follow my link ? It is exactly what you marked as accepted. — scharette, Oct 20 '17 at 11:37

score 11 · Accepted Answer · answered Oct 20 '17 at 04:20

your css file must under STATICFILES_DIRS in settings.py,set this in settings.py:

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

and put account/signup.css file to /static/account/signup.css,you can get it like:

<link rel="stylesheet" href="/static/account/signup.css">

or

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

Why the css file can not be found in Django template?

1 Answers1