use a css stylesheet on a jinja2 template use a css stylesheet on a jinja2 template python python

use a css stylesheet on a jinja2 template


python html css flask jinja2

All public files (the ones that are not processed, like templates or python files) should be placed into dedicated static folders. By default, Jinja2 has one static folder called static.

This should fix your problem:

  1. Move /templates/styles.css to /static/styles.css

  2. Update your code with following code, that will be translated into correct file location:

    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">

More info on static files in Jinja2 is here.

python html css flask jinja2 

<link rel="stylesheet" type="text/css" href="styles.css">

href value must be within quotes.

make sure the file name and path are proper OR try the below 

<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}"/>

python html css flask jinja2

The order of handler might cause the problems:

url: /stylesheets static_dir: stylesheetsurl: /.* script: helloworld.application

will work instead of

url: /.* script: helloworld.applicationurl: /stylesheets static_dir: stylesheets

Recent Posts
How can I color dots in a xy scatterplot according to column value?
How to update a claim in ASP.NET Identity?
What does {0} mean when initializing an object?
Accessing members of items in a JSONArray with Java
How to log SQL statements in Spring Boot?
Powershell Get-WebSite name parameter is ignored
How to detect scroll to bottom of html element
Java synchronized method
How to test controllers with CodeIgniter?
Detect Visual Composer
Matplotlib: Specify format of floats for tick labels
Rails join a list of strings with commas and "and" before the last