title: Adding custom class to every widgets in wordpress, what's your approach?
body: <p>I'm creating a theme for wordpress and I am having problem implementing image replacement on headers on my widgets. </p>
  
  <p>How do you I add a custom class or id to wrap my widgets?</p>
  
  <p>for example </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="sidebar"&gt;
    &lt;div id="customWidgetId"&gt;
       &lt;h2&gt;This Title will be replace by an Image&lt;/h2&gt;
       &lt;p&gt;Wordpress 'Text' Widget content here&lt;/p&gt;
    &lt;/div&gt; 
  
    &lt;div id="anotherCustomWidgetId"&gt;
       &lt;h2&gt;This Title will be replace by an Image&lt;/h2&gt;
       &lt;p&gt;Wordpress 'Text' Widget content here&lt;/p&gt;
    &lt;/div&gt; 
  
    &lt;div class="customClass"&gt;
       &lt;h2&gt;This Title will be replace by an Image&lt;/h2&gt;
       &lt;p&gt;Wordpress 'Text' Widget content here&lt;/p&gt;
    &lt;/div&gt; 
  
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#anotherCustomWidgetId h2 {
   text-indent: -1000em;
   background: url of my image;
   width: ;
   height: ;
  }
  </code></pre>
  
  <p>I need to have control of the ID and classes to my widgets. so I can create custom css Image replacement for the widgets. </p>
  
  <p>If your in my shoes how would you implement that in wordpress?.</p>
  
  <p>Thanks!</p>