My CSS File not loading in Django but Bootstrap file loads fine

Question

I have a simple website running on Django. When I load Bootstrap css files, the page loads the formatting just fine. But I try to load the css file I have created and saved in the same folder as the Bootstrap css files, the file does not load. See the file here http://jsfiddle.net/zptkvx5c/ In both case I am making reference to the file in the html head.

<link href="{% static "css/mystyles.css" %}" rel="stylesheet"> 
<!--  <link href="{% static "css/bootstrap.css" %}" rel="stylesheet">  --> This one works

Could anyone assist to fix this?

Update: I have tried to hardcode the url and still it doesn't work

are you sure that mystyles.css file is present in css directory? Did you do python manage.py collectstatic after adding this file? — Andrii Iushchuk
– Andrii Iushchuk, Commented Sep 26, 2015 at 10:21
Yes, I have confirmed the mystyles.css is in the folder. I have not run collectstatic. I am using the django development server with debug=true it seems to load Bootstrap ok. Any personal css files will only be served with the collectstatic command? — Avagut
– Avagut, Commented Sep 26, 2015 at 10:48
What does it say in the js console? Also, try swapping the order, bootstrap.css first and then mystyles.css — ham-sandwich
– ham-sandwich, Commented Sep 26, 2015 at 11:15
Thank you @ ham-sandwich I have never used the js console before. I have realised I have been trying to solve the problem and made a mistake. — Avagut
– Avagut, Commented Sep 26, 2015 at 11:49
I had made an app level static folder (toplevel/appfolder/static/appfolder) and put a bootstrap folder there. This is the one that was being loaded. However I was trying to set up a project level static folder where I had put another Bootstrap folder and the styles.css file I was trying to load. (projectfolder/staticfolder) Perhaps can you advise me how to reference the project level static folder? — Avagut
– Avagut, Commented Sep 26, 2015 at 12:19

Ivin Raj · Accepted Answer · 2015-09-28 04:50:47Z

1

you can do this one:

<link href="css/mystyles.css" rel="stylesheet" />

or

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

This one works

SEE THE PAGE

edited Sep 28, 2015 at 4:50

answered Sep 26, 2015 at 10:19

Ivin Raj

3,4312 gold badges34 silver badges70 bronze badges

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

3 Comments

Avagut Over a year ago

This does not work, shouldn't there be a reference to the static folder?

Ivin Raj Over a year ago

Now see My answer sir@Avagut

Avagut Over a year ago

Thank you @ivin raj does this reference an app level static folder or a project level static folder ie. where I can put static files to be used in all apps?

Collectives™ on Stack Overflow

My CSS File not loading in Django but Bootstrap file loads fine

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related