How can I add css to my django site?
Map structure:
Now I have this in my html:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Portfolio</title>
{% load static %}
<link href="{% static './css/style.css' %}" rel="stylesheet">
</head>
<body>
<p>portfolio</p>
</body>
</html>
I think we're missing some info here, but you should use a relative path so it is looking in a directory relative to your project:
<link rel="stylesheet" href="{% static 'css/main.css' %}">
This will look for the stylesheet called 'main.css' in a folder using variables from your settings.py file.
Your STATIC_ROOT is where your static files will end up after running python manage.py collectstatic, STATICFILES_DIRS is the folder that collectstatic is going to get your static files from. STATIC_URL is the URL prefix that your static files will come from.
So if you have in settings.py:
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATICFILES_DIRS = (
os.path.join(BASE_DIR, 'static'),
)
Your directory should look like this: /your_project_folder/static/css/main.css
And the template tag above will find your main.css file.
django. You should have your settings inside django/project/settings.py. Your css file should then be in django/static/css/style.css. Does your structure look like that?main.css and in your sample HTML you have style.css.
static folder on the same level as templates.If you're in development, do thi's on your settings.py:
STATIC_URL = '/static/
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
Finally, in your html, this:
<link href="{% static 'css/main.css' %}" rel="stylesheet">
If you are in production, change STATICFILES_DIRS to STATIC_ROOT.
You should replace the code below:
<link href="{% static './css/style.css' %}" rel="stylesheet">
With the code below
<link href="{% static 'css/style.css' %}" rel="stylesheet">
<title>? If so, please read up how to apply CSS to HTML. It should have anidorclassapplied as such<title class="title-red">Portfolio</title>