Why doesen't css file apply on html file - Django

Question

I have a problem that my .css file doesn't apply on my .html file in Django. But when I, for example, type . some class name from the .html file, pycharm offers me to finish the class name. So, I think its linked right.

Anyway, I put in my settings file:

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

Run python manage.py collectstatic succesfuly and added my .css file to .html with command:

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

Inside of my project I have something like this:

-website
   -static
        -admin (generated when I run the command above)
        -images
        -base.css
    -templates
        -navbar.html
        -base.html
     -app1
     -app2
     -etc

For testing purpose I just put simple div in the head section of the .html file:

 <div class="example">jvhgbhjgf</div>

And in .css file:

.example { background-color: red; border-radius: 15px;}

Ali · Accepted Answer · 2018-08-09 15:26:53Z

2

Change your settings.py file like following:

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

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

and directory's tree:

-website
-static
    -static_root
        -admin (generated when I run the command above)
    -static_dirs
        -images
        -base.css
-templates
    -navbar.html
    -base.html
 -app1
 -app2
 -etc

add base.css file in static_dirs folder.

answered Aug 9, 2018 at 15:26

Ali

2,6013 gold badges19 silver badges32 bronze badges

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

Comments

Ali · Accepted Answer · 2018-08-09 15:14:13Z

1

Add following code in your urls.py file:

from django.conf import settings
from django.conf.urls.static import static

urlpatterns [ ... ]

urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

answered Aug 9, 2018 at 15:14

Ali

2,6013 gold badges19 silver badges32 bronze badges

9 Comments

Neven Over a year ago

It's the same, nothing happened. :(

Neven Over a year ago

After I did what you wrote in your previous response I can access, but, still, it wasn't applied on .html file.

Neven Over a year ago

I succeed after restarting server! Thank you, you made my day! :)

Neven Over a year ago

I just have one more question.. Now inside every app, I should create directories: static/static_dirs/name_of_app/my css files and inside the .html file link it with: {% load staticfiles %} <link rel="stylesheet" type="text/css" href="{% static 'name_of_app/style.css' %}"/>

Neven Over a year ago

I am asking this, because this method isn't working for me in my apps

|

Collectives™ on Stack Overflow

Why doesen't css file apply on html file - Django

2 Answers 2

Comments

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related