Django admin css not being applied after loading

Question

I am using nginx to serve my django static files. In the browser I can see that they are loaded, base.css, login.css, responsive.css all got status 200, I can click on them and see their content.

The problem is that they don't seem to be applied in the html. The html still looks like it has no css formatting applied to it at all. There are no errors in the nginx logs and no errors in the network tab in chrome. I have tried chrome and firefox

Using Django 2.2.4

Relevant nginx config

server {
    listen          8000;
    server_name     127.0.0.1;

    location /static/ {
        autoindex on;
        alias /home/ubuntu/<SECRET_PATH>/static/;
    }

    location / {
        include proxy_params;
        proxy_pass http://unix:/home/ubuntu/<SECRET_PATH>/dashboard.sock;
    }
}

can you check if the static url is correct in your django application? — ruddra
– ruddra, Commented Aug 14, 2019 at 5:45
If you are running collectstatic and still it doesn't work (like you said that CSS files load), does the server return proper mime types for CSS files? — Rehmat
– Rehmat, Commented Aug 14, 2019 at 5:46
@ruddra I assume its correct since nginx is serving those files to the browser — Dale
– Dale, Commented Aug 14, 2019 at 5:48

Rehmat · Accepted Answer · 2019-08-14 06:14:28Z

5

Based on your comment, it looks like proper mime type isn't returned for the CSS files. In your NGINX conf, generally it is located at /etc/nginx/nginx.conf, ensure that you have included the mimes like:

include "/etc/nginx/mime.types";

And in your mimes, ensure that proper mime type is set for the CSS files.

answered Aug 14, 2019 at 6:14

Rehmat

5,1515 gold badges26 silver badges39 bronze badges

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

Comments

Dale · Accepted Answer · 2019-08-14 06:13:35Z

1

After checking the response headers I saw the mime type was text (as @Rehmat suggested). The fix was to add the mime types in the server block

include /etc/nginx/mime.types;

this solved the problem

answered Aug 14, 2019 at 6:13

Dale

4123 silver badges16 bronze badges

1 Comment

Rehmat Over a year ago

Glad, just posted the answer :)

Collectives™ on Stack Overflow

Django admin css not being applied after loading

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related