title: Overriding jQuery UI style on specific components
body: <p>As much as I like themeRoller I would like to be able to manipulate and replace the css styling of some of my jQuery UI components, especially the buttons.</p>
  
  <p>I've been successful at changing the font and size but I'm unable to change the background image and padding. I looked around in the theme css file in the hopes of finding something to overwrite, but nothing seemed to work.</p>
  
  <p>Can someone give me some insight on how to get the achieve the code below correctly?:P</p>
  
  <p><strong>.CSS file</strong></p>
  
  <pre><code>#create-user .ui-button
  {
      background-image: none;
  }
  </code></pre>
  
  <p><strong>.xhtml file</strong></p>
  
  <pre><code>&lt;button id="create-user"&gt;Create&lt;/button&gt;
  </code></pre>