CSS Not Displaying Correct Via .info File (ok on page.tpl) Hello I have a strange situation that I just cannot get my head around and I hope someone can help.

If I add css directly in page.tpl as: 

&lt;style type="text/css"&gt;
  my css
&lt;/style&gt;


Everything works as I expect. However, when I move the css to file called ross.css, and add  stylesheets[all][] = css/ross.css to my theme.info file the browser will parses the css code but the effect is not what I'm expecting. I don't know if I should post all the css in here as I don't think the code can be the problem if it displays as I expect when I insert it directly on the page.

PS: I'm using a bootrap-based theme.
I suspect it's because, when it's ross.css, your css gets applied before another .css file; while, when it's in .tpl it gets applied after.

Ex: if h1 exists with the same command, it uses the last h1 (which is in some other .css file).

JS FIDDLE EXAMPLE

So try adding !important; to your css. ex: h1 { border: solid red !important; }

JS FIDDLE EXAMPLE 2