Scoped CSS?

Archive
1

How can I provide css just to one type of page?!??

2 
{% if page.url == base_url %}
  <link rel="stylesheet" href="{{ theme_url }}/css/welcome.css">
{% endif %}

this works. but is there another way of conditionally rendering a stylesheet just for a welcome page?

3

You could match the template or slug of the page you’d want to add the specific style for, e.g:

{# for matching slug #}
{% if page.slug == 'welcome' %}
   <link rel="stylesheet" href="{{ theme_url }}/css/welcome.css">
{% endif %}

{# for matching template #}
{% if page.template == 'welcome' %}
   <link rel="stylesheet" href="{{ theme_url }}/css/welcome.css">
{% endif %}
---
4

great. thank you. :smiley: