python - Second stylesheet in child template / Overriding style sheets -
i have website i'm putting python , django. have template html page, speakers.html
, extends base.html
. base.html
has stylesheet base.css
.
speakers.html
displaying base.css
styling should be, problem want speakers.html
have additional styling stylesheet, speakers.css
.
i've been trying figure out speaker.css
doesn't seem applied, infact i've noticed in cmd output file speaker.css isn't being loaded @ all.
i tried putting in block, code see below.. had repeat {% load static %}
rid of error expecting endblock doesn't seem have made difference.
base.html
<!doctype html> <html lang="en"> <head> <title>base.html</title> {% load static %} <link rel="stylesheet" type="text/css" href="{% static "css/base.css" %}" /> {% block additionalcss %}{% endblock %} </head> <body> ...ect
speakers.html
<!-- extending works --> {% extends "base.html" %} <!-- i'm trying load additional stylesheet --> {% block additionalcss %} {% load static %} <link rel="stylesheet" type="text/css" href="{% static "css/speakers.css" %}" /> {% endblock %} {% block currentpage_content %} <h2>guest speakers @ event</h2> <p> text red if speakers.css applying </p> ...ect
for testing purposes i've put following rule in speakers.css:
* { color: red; }
so reason text on speakers.html should red if working.
try using blocks
in templates.
something like:
base.html
<!doctype html> <html lang="en"> <head> <title>base.html</title> {% load static %} {% block css %}{% endblock %} <link rel="stylesheet" type="text/css" href="{% static "css/base.css" %}" /> </head> <body> ...ect
speakers.html
<!-- extending works --> {% extends "base.html" %} {% block css %} {% load static %} <link rel="stylesheet" type="text/css" href="{% static "css/speakers.css" %}" /> {% endblock %} {% block currentpage_content %} <h2>guest speakers @ event</h2> <p> text red if speakers.css applying </p> ...ect
by defining blocks in parents , specifying them in children css files inserted template.
Comments
Post a Comment