Theme tutorial problem

1

Hi, I followed almost all the steps in theme tutorial lecture in the learn section of grav.
but i am unable to get final output as in the tutorial.

The only process i din’t follow was in the tut, they used pure blank to create new theme but I used inheritance method to inherit from a base theme . Everything works well except the custom.css part.

https://learn.getgrav.org/themes/theme-tutorial
I copied the step-6: Theme CSS code in my custom.css file but no changes were reflected in my site. But, when I just put a single line code like : body a { color: red; } , the changes are made to my site.

2

When you look at your-new-theme.yaml, do you see your theme and child theme in this order?

         - user/themes/your-new-theme
         - user/themes/antimatter

If you used devtools as in the tutorial, there was a bug not so long ago that mixed up the order. I expect that is no longer in the current repository though. Worth checking!

3

My theme.yaml contains :

streams:
 schemes:
   theme:
     type: ReadOnlyStream
     prefixes:
       '':
         - user/themes/my-theme
         - user/themes/antimatter

Also, I just realized : user/themes/my-theme/templates , the template folder is empty. maybe this had to do something with it . And , yeah i used devtools

4

Thanks. Looks like that bug is no longer in the repository, which is great but doesn’t resolve your problem.

Sorry. I can’t imagine a cause and I doubt an empty child theme templates folder will cause it. I suspect you’ve already tested that yourself. All I can suggest is to go through the inherited theme creation process again in case you did something wrong, and maybe examine the results more closely as you go this time. The other thing is that maybe if you paste more relevant details here (theme folder structures, yamls), someone will see the problem.

One more thing: when you use the browser inspector on a link element, do you see the rule you created (color: red) crossed out? There may be a more specific rule in the theme CSS.

5

Thanks for the reply . I created a new theme using inheritance again but the same issue .
folder structure of the child theme :
Untitled

6

Well using the pure.css methods works fine though.

7

What’s the pure.css method?

8

oh … the pure blank method in the tutorial in the step 2

9

i think i understood it now … the inheritance method only makes a child theme of the antimatter theme and the step 6 is not usable in the inheritance method … the tutorial is for only the pue blank method. Am I right ?

10

No, editing custom.css in your inherited theme should work fine.