title: Text opacity in CSS
body: <p>Is there any way I could treat text inside of a wordpress widget, to make it semi transparent using an opacity funcion? Only limiting myself to the content of the following code block.</p>
  
  <pre><code>#content .widget .caption h3 {
  color:#000000;
  font-family:'Overlock';
  margin:0 -10px;
  padding:0 10px;
  font-size:27px;
  height:46px;
  line-height:46px;
  font-weight:bold;
  </code></pre>
  
  <p>}</p>
  
  <p>With the option below, the entire widget will be treated as transparent. </p>
  
  <pre><code> #content .widget .caption h3 {
  color:#000000;
  font-family:'Overlock';
  margin:0 -10px;
  padding:0 10px;
  font-size:27px;
  height:46px;
  line-height:46px;
  font-weight:bold;
  opacity:0.2;
  </code></pre>
  
  <p>}</p>
  
  <p>I only want the to have its opacity changed. Is it even possible that way?</p>