title: Overflow Hidden/Visible in Banner plugin
body: <p>I am using a wordpress plugin for sliding images and text. This banner has a content area (as all do) where the images which slides are displayed. text and images can be added from back end. Text is allowed to display over the image. I mean the text will show over the image. </p>
  
  <p>What I am trying to do is forcing that text outside that content area so as to show it outside of it.</p>
  
  <pre><code>  &lt;div class='uds-bb-slides'&gt;
         &lt;!--slide 1--&gt;
         &lt;div class='uds-bb-slide'&gt;&lt;a href="" class='uds-bb-link'&gt;image source 1&lt;/a&gt; 
        &lt;div class='uds-bb-description uds-undefined' style='top:185px;left:0px;width:270px;height:34px;'&gt;
                &lt;div class='uds-bb-description-inside'&gt;this is slide one text&lt;/div&gt;
              &lt;/div&gt;
        &lt;/div&gt;
        &lt;!--slide 2--&gt;
         &lt;div class='uds-bb-slide'&gt;&lt;a href="" class='uds-bb-link'&gt;image source 2&lt;/a&gt; 
        &lt;div class='uds-bb-description uds-undefined' style='top:185px;left:0px;width:270px;height:34px;'&gt;
                &lt;div class='uds-bb-description-inside'&gt;this is slide two text&lt;/div&gt;
              &lt;/div&gt;
        &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Above is the plugin output. from the javascript at page load , <strong>uds-bb-slides</strong> is made <strong>overflow:hidden</strong> so that the sliding images show within the content do not show outside it. </p>
  
  <p>This is the problem due to which the forced text is not showing. but when in the plugin js file , I make it <strong>overflow : visible</strong>. text show outside but the banner images does not show only in the content box. Theay comes from the very  right and goes to left. I mean it is not showing its animation properly</p>
  
  <p>My question is how I can force the text outside while the image slides show properly.</p>
  
  <p>Plugin Javascript snippet for making <strong>uds-bb-slides</strong> overflow hidden at page load</p>
  
  <pre><code>b(".uds-bb-slides",h).css({overflow:"hidden"});
  </code></pre>
  
  <p>Thanks</p>