title: Primefaces custom theme not using images
body: <p>I'm trying to get a custom theme working in my Primefaces project. I've created the theme using Themeroller and packed the jar as follows:</p>
  
  <ul>
  <li>primefaces-spl.jar</li>
  <li><ul>
  <li>WEB-INF</li>
  </ul></li>
  <li><ul>
  <li><ul>
  <li>resources</li>
  </ul></li>
  </ul></li>
  <li><ul>
  <li><ul>
  <li><ul>
  <li>primefaces-spl</li>
  </ul></li>
  </ul></li>
  </ul></li>
  <li><ul>
  <li><ul>
  <li><ul>
  <li><ul>
  <li>theme.css</li>
  </ul></li>
  </ul></li>
  </ul></li>
  </ul></li>
  <li><ul>
  <li><ul>
  <li><ul>
  <li><ul>
  <li>images</li>
  </ul></li>
  </ul></li>
  </ul></li>
  </ul></li>
  </ul>
  
  <p>I then put this file into my WEB-INF/lib folder and specified the primefaces.THEME attribute to 'spl' in my web.xml.</p>
  
  <p>The project can seemingly find and use the jar, but the page looks like this:
  <img src="https://i.stack.imgur.com/1dEQF.png" alt=""></p>
  
  <p>Thus, it looks like the resource images are not read properly. In theme.css, I have replaced all image tags as follows:</p>
  
  <p>.ui-widget-overlay { background: #aaaaaa url("#{resource['primefaces-spl:images/ui-bg_flat_0_aaaaaa_40x100.png']}") 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }</p>
  
  <p>I have also tried adding the jar to the classpath as well as the alternative strategy mentioned here: <a href="http://www.mkyong.com/jsf2/primefaces/create-a-custom-theme-in-primefaces/" rel="nofollow noreferrer">http://www.mkyong.com/jsf2/primefaces/create-a-custom-theme-in-primefaces/</a> Did I miss something? </p>