Django problem with loading CSS and/or JS

Question

Hello, I've got a project to do and I've been wanting to implement CSS and JS to my Django project WITHOUT using Bootstrap. And as you can see I have personal_portfolio/static/css/navbar.css But when I load static files and use the tag inside my base.html the page doesn't apply my stylesheet. I do not understand why ! Whereas when I use bootstrap I have no problem ! I've been wanting to use only CSS and JS cause I want to learn those as well and the project I have requires me to do it myself and not use Bootstrap. Thanks a lot, I hope you all can help me !

in settings.py set static_url and staticfiles_dir - docs.djangoproject.com/en/2.2/ref/settings/… — Pankaj Sharma
– Pankaj Sharma, Commented Nov 26, 2019 at 19:55
I already set it but it doesn't seem to work. It still asks me for STATIC_ROOT STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static'), ] I tried looking at the documentation but I do not understand anything — Zekemaz
– Zekemaz, Commented Nov 26, 2019 at 20:08
personal_portfolio is app or project name ?... you have configured your settings as your static files are under root folder, so be sure it should be under your root project only. — Pankaj Sharma
– Pankaj Sharma, Commented Nov 26, 2019 at 20:12
If you are under development - docs.djangoproject.com/en/2.2/howto/static-files/… — Pankaj Sharma
– Pankaj Sharma, Commented Nov 26, 2019 at 20:14
PERSONAL_PORTFOLIO is my project name. PROJECTS is my app name. I tried putting my personal_portfolio/static/css/navbar.css as rp-portfolio/static/css/navbar.css so it's in the ROOT but it still doesn't work. — Zekemaz
– Zekemaz, Commented Nov 26, 2019 at 20:17

Raphaël Khan · Accepted Answer · 2019-11-26 23:34:59Z

1

Try using {% load static %} instead of {% load staticfiles %}

answered Nov 26, 2019 at 23:34

Raphaël Khan

861 silver badge2 bronze badges

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

4 Comments

Zekemaz Over a year ago

Tried, still doesn't work. I really don't understand why bootstrap works so easily but not css files

Raphaël Khan Over a year ago

How are you loading bootstrap? If it is using a CDN then your issue comes from your configuration. Make sure you set STATIC_URL ='/static/' and STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'personal_portfolio/static'),

Zekemaz Over a year ago

Hi, STATICFILES_DIRS = ( os.path.join(BASE_DIR, '/static/'), 'personal_portfolio/static/') I used this and it worked but I don't understand what the os.path.join(BASE_DIR does ? I mean by this why don't I have to put os.path.join(BASE_DIR, 'personal_portfolio/static') ????

Zekemaz Over a year ago

I found the same answer ! stackoverflow.com/questions/52403518/… I just needed to add a different dir !

Alex Manuele · Accepted Answer · 2019-11-26 19:56:36Z

0

not sure if this will solve your problem but try running python manage.py collectstatic from your terminal before running the django server.

answered Nov 26, 2019 at 19:56

Alex Manuele

2392 silver badges4 bronze badges

1 Comment

Zekemaz Over a year ago

It Tells me this : File "/Users/gabe/Desktop/Gabe/Programming/Django/rp-portfolio/venv/lib/python3.8/site-packages/django/contrib/staticfiles/storage.py", line 44, in path raise ImproperlyConfigured("You're using the staticfiles app " django.core.exceptions.ImproperlyConfigured: You're using the staticfiles app without having set the STATIC_ROOT setting to a filesystem path. This is only the end of the Traceback error

Collectives™ on Stack Overflow

Django problem with loading CSS and/or JS

2 Answers 2

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related