Static CSS file not loading in Django framework

Question

I'm running on localhost but stylesheet isn't working

Here is my project setup:

-main
   -main
   -home
      -templates
         -home
             -index.html
   -static
      -css
         -style.css

My settings.py:

STATICFILES_DIRS = [
    "/static/",
]

STATIC_URL = '/static/'

index.html:

{% load staticfiles %}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <title>My Home Page</title>
    <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}" />
</head>
<body>
<p>My Content</p>
</body>
</html>

Here is what my server outputs: "GET /static/css/style.css HTTP/1.1" 404 1652

What is wrong?

James Mitchell · Accepted Answer · 2017-01-07 19:45:22Z

2

Okay this change seemed to fix it:

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

answered Jan 7, 2017 at 19:45

James Mitchell

2,4774 gold badges32 silver badges61 bronze badges

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

Comments

bunbun · Accepted Answer · 2018-12-13 06:56:11Z

0

index.html should be like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
{% load staticfiles %}
<html lang="en">
<head>
    <title>My Home Page</title>
    <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}" />
</head>
<body>
    <p>My Content</p>
</body>
</html>

edited Dec 13, 2018 at 6:56

bunbun

2,6764 gold badges36 silver badges54 bronze badges

answered Dec 13, 2018 at 6:50

Hriteek Bista

391 silver badge4 bronze badges

Comments

Muhammad Abdullah Nabeel · Accepted Answer · 2021-01-31 18:05:33Z

0

I was having the same issue because my settings file in Django didn't have the following lines of code, which I added to solve the problem

STATICFILES_DIRS = [
    BASE_DIR / "static",
    '/var/www/static/',
]

see the static files documentation here: https://docs.djangoproject.com/en/3.1/howto/static-files/

answered Jan 31, 2021 at 18:05

Muhammad Abdullah Nabeel

1642 silver badges12 bronze badges

Collectives™ on Stack Overflow

Static CSS file not loading in Django framework

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related