# \[Solved\] Blog pages don't inherit the stylesheet **URL:** \ **Category:** Support\ **Created:** [August 12, 2024, 10:37am UTC](https://zola.discourse.group/t/solved-blog-pages-dont-inherit-the-stylesheet/2255 "2024-08-12T10:37:03Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![T3kla](https://yyz2.discourse-cdn.com/free1/user_avatar/zola.discourse.group/t3kla/32/1284_2.png) [@T3kla](https://zola.discourse.group/u/T3kla)\ **Post date:** [August 12, 2024, 10:37am UTC](https://zola.discourse.group/t/solved-blog-pages-dont-inherit-the-stylesheet/2255/1 "2024-08-12T10:37:03Z")
I recently started working on my portfolio once again. I updated Zola and changed the main structure of my site to be just like the [overview tutorial].([Overview | Zola](https://www.getzola.org/documentation/getting-started/overview/)) All was fun and games until I started creating blog pages and discovered they don’t use the style sheet at all, so they are pure black text over a white background. My blog: [T3kla’s Portfolio and Blog](https://t3kla.github.io/blog/) blog.html ```html {% extends "base.html" %} {% block content %}
{% for page in section.pages %}

{{ page.year }}-{{ page.month }}-{{ page.day }}

{{ page.title }}
{% for tag in page.extra.tags %}

{{tag}}

{% endfor %}

{{ page.word_count }} words

{{ page.reading_time }} minutes

{% endfor %}
{% endblock content %} ``` blog-page.html ```html {% extends "base.html" %} {% block content %}

{{ page.title }}

{{ page.date }}

{{ page.content | safe }} {% endblock content %} ``` ---
**Author:** ![welpo](https://yyz2.discourse-cdn.com/free1/user_avatar/zola.discourse.group/welpo/32/1087_2.png) [@welpo](https://zola.discourse.group/u/welpo)\ **Post date:** [August 12, 2024, 11:12am UTC](https://zola.discourse.group/t/solved-blog-pages-dont-inherit-the-stylesheet/2255/2 "2024-08-12T11:12:33Z")
What does `base.html` look like? On your pages, you have: ```auto ``` Since it’s a relative path to the stylesheet (`../…`), it can only find the file on the homepage. On the blogs, it looks for it on `https://t3kla.github.io/blog/style.css` instead of `https://t3kla.github.io/style.css`. You can fix this by using something like this on your template (wherever the CSS loading is happening): ```auto ``` ---
**Author:** ![T3kla](https://yyz2.discourse-cdn.com/free1/user_avatar/zola.discourse.group/t3kla/32/1284_2.png) [@T3kla](https://zola.discourse.group/u/T3kla)\ **Post date:** [August 12, 2024, 11:20am UTC](https://zola.discourse.group/t/solved-blog-pages-dont-inherit-the-stylesheet/2255/3 "2024-08-12T11:20:24Z")
You solved it, thank you! Old base.html: ```html {{config.title}} {% block content %} {% endblock %} ``` New base.html: ```html {{config.title}} {% block content %} {% endblock %} ``` ---
**Author:** ![welpo](https://yyz2.discourse-cdn.com/free1/user_avatar/zola.discourse.group/welpo/32/1087_2.png) [@welpo](https://zola.discourse.group/u/welpo)\ **Post date:** [August 12, 2024, 11:31am UTC](https://zola.discourse.group/t/solved-blog-pages-dont-inherit-the-stylesheet/2255/4 "2024-08-12T11:31:24Z")
Great! Be careful with the `script.js` part, as it’ll have the same problem.