Question

I was told that if I would use Roots theme for wordpress, it would save me time and nerves if I develop wordpress sites. However, I’m unable to do any modifications on the theme, the style.css is not included on the site, and even if I include it after the other stylesheets, it wont do anything, as I’ve tried maybe the simplest thing ever:

h1{display:none;}

I’ve also tried reading the docs at https://github.com/retlehs/roots/blob/master/doc/README.md
and bootstrap documentation http://twitter.github.com/bootstrap/index.html but I’m still unable to do any modifications. I don’t dare to modify the bootstrap.css itself, so how I’m supposed to modify this?

Answer 1

You can add any css style you want but you have to add it in the assets/css/app.css file located in the theme’s folder.

You were right about not modifying bootstrap.css or any other core files. Just modify:

1. for your css styles additions you edit the assets/css/app.css
2. for your .js custom additions you edit the assets/js/main.js and you put any javascript plugin inside assets/js/plugins.js
3. for your .php custom additions to the theme (like php functions) you edit lib/custom.php (Or you can also create new files and include theme)

This way you can correctly update the theme.

If it still doesn’t get applied the reason could be css specificity.

Here’s some more information: http://www.w3.org/TR/selectors/#specificity

As a final resort you can use:
h1{display:none !important;}

Use this temporary until you find a better solution.