Linking my CSS file to my Django Project

Question

I am trying to link my css files to my Django Project. Not sure where the error is.

This is how my settings file look like:

STATICFILES_FINDERS = (
    '/Users/IMAC/work3/Blog/Blog/polls/static',
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
#    'django.contrib.staticfiles.finders.DefaultStorageFinder',
)
STATIC_ROOT = ''
STATIC_URL = '/Users/IMAC/work3/Blog/Blog/polls/static'

This is how my html file looks like:

<meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="{{ STATIC_URL }}gameserver.css">

This is how my css file looks like:

#tuna{color:red;} 
body {background-color:blue;}

Must i change anything else? Why might be my error? Not sure where I am making my mistake...

Where should my static folder be? inside the app or inside the same folder as the app?

Post here STATIC_ROOT and STATIC_URL from your settings.py file — Priyank Patel
– Priyank Patel, Commented Jun 6, 2012 at 9:04

Priyank Patel · Accepted Answer · 2012-06-06 09:13:08Z

1

Remove '/Users/IMAC/work3/Blog/Blog/polls/static' from STATICFILES_FINDERS = (

And your STATIC_ROOT should be

STATIC_ROOT = '/Users/IMAC/work3/Blog/Blog/polls/static/'

and

STATIC_URL  = '/static/'

answered Jun 6, 2012 at 9:13

Priyank Patel

3,56523 silver badges20 bronze badges

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

10 Comments

Priyank Patel Over a year ago

gameserver.css will be in your STATIC_ROOT

lakshmen Over a year ago

what about STATICFILES_DIRS? do i need to change it as well?

Priyank Patel Over a year ago

put STATIC_ROOT and STATIC_URL above STATICFILES_FINDERS

Priyank Patel Over a year ago

STATICFILES_DIRS is Additional locations of static files . so if you have other locations too then keep it

lakshmen Over a year ago

should it the static folder be outside or inside the app?

|

georgebrock · Accepted Answer · 2012-06-06 09:28:36Z

0

You've misunderstood what the various settings do:

STATIC_FILES_FINDERS is a list of Python classes which Django uses to search for static files, it is not a list of places where static files are stored.
STATIC_ROOT is the directory where the static files are stored.
STATIC_URL is the URL that should point to the static files.

In your case you want something like this:

STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
#    'django.contrib.staticfiles.finders.DefaultStorageFinder',
)
STATIC_ROOT = '/Users/IMAC/work3/Blog/Blog/polls/static' 
STATIC_URL = '/static/'

edited Jun 6, 2012 at 9:28

answered Jun 6, 2012 at 9:14

georgebrock

30.5k13 gold badges81 silver badges72 bronze badges

Comments

lakshmen · Accepted Answer · 2012-06-06 10:53:52Z

0

My mistake is i forgot context_instance=RequestContext(request).

If {{ STATIC_URL }} isn't working in your template, you're probably not using RequestContext when rendering the template

answered Jun 6, 2012 at 10:53

lakshmen

29.2k68 gold badges183 silver badges286 bronze badges

Collectives™ on Stack Overflow

Linking my CSS file to my Django Project

3 Answers 3

10 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

10 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related