Loading css from static files in django not working

Question

This is what the file explorer looks like:

this is what the file explorer looks like

this is the html file

userController/templates/users/dashboard.html

{% extends 'base.html' %}
{% load static %}
<html>
    <head>
        /* loadint the css */
        <link rel="stylesheet" href="{% static 'css/dashboard.css' %}">

demowebsite/settings.py

# STATIC_DIR=os.path.join(BASE_DIR,'static')
STATICFILES_DIRS = [
   os.path.join(BASE_DIR, 'userController/static/')
]
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

the css file is not getting loaded, i cant tell where my problem is

open dev console on browser click to network refresh the page see 404 no found and click on it you will see details(response tab) like the file couldn't find and you will also see a URL that Django try to get the file from copy it and go to this URL to be sure that your file in this URL — enes islam
– enes islam, Commented Aug 24, 2022 at 9:09
I've read this and many other sources many times, i came here after along and exhausting research. — Hannon qaoud
– Hannon qaoud, Commented Aug 24, 2022 at 9:12

Mohammadreza Nazif · Accepted Answer · 2022-08-24 09:46:20Z

1

the structure of your static files should be like below , change your code like this

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

answered Aug 24, 2022 at 9:46

Mohammadreza Nazif

112 bronze badges

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

Collectives™ on Stack Overflow

Loading css from static files in django not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related