title: Phonegap: InAppBrowser insertCSS file
body: <p>I'm trying to create an app that loads a website and then adds some custom CSS to adjust it to a mobile device.</p>
  
  <p>I'm using window.open to load the page successfully, and I have a callback on loadstop where I'm calling browser.insertCSS, this is where the problem is.</p>
  
  <p>If I do something like this:</p>
  
  <pre><code>browser.insertCSS({code:"body{background-color:red;}");
  </code></pre>
  
  <p>The style is applied correctly. However if I do this:</p>
  
  <pre><code>browser.insertCSS({file:"mobile-style.css");
  </code></pre>
  
  <p>And add the same CSS to the file, it doesn't get loaded</p>
  
  <p>I have tried different paths (putting the file in the www folder, in the css folder, in the same folder as the JS file, and referencing it with "./mobile-style.css", "mobile-style.css", "/www/mobile-style.css", "/mobile-style.css" but none of them seem to load the file correctly.</p>
  
  <p>I saw another post <a href="https://stackoverflow.com/questions/23036804/what-should-file-paths-fed-to-insertcss-be-relative-to">What should file paths fed to insertCSS() be relative to?</a> where this same question was asked, but there is no accepted answer (I have tried the suggestion there and it doesn't work).</p>
  
  <p>Any help would be greatly appreciated.</p>
  
  <p>Thanks</p>
  
  <ul>
  <li>Will</li>
  </ul>