Title: Text overlay issue
Last modified: August 22, 2016

---

# Text overlay issue

 *  Resolved [Almo](https://wordpress.org/support/users/almo/)
 * (@almo)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/text-overlay-issue/)
 * Dear all.
 * I honestly used search at the support forum but it seems like my knowledge of
   juery and php is too poor to understand advices given there. The job has to be
   done however so I kindly ask for your help in my problem.
 * The issue is that I want text boxes to overlay pictures in my slideshow like 
   here [example](http://dev.enzymatics.com.php53-15.dfw1-1.websitetestlink.com/).
   The only way I see I could do this is applying additional styles to “h2” and “
   a” tags. So I added new styles to a class “smooth_slideri h2” in /css/skins/default/
   style.css. In “inspect element” tab I can see that all the styles are recognized
   well, however the system doed not apply them because other styles are generated
   directly tags somewhere else and given as
 * >  <h2 style=”clear:none;line-height:17px;font-family:Arial,Helvetica,sans-serif;
   > font-size:14px;font-weight:bold;font-style:normal;color:#000000;margin:0 0 
   > 5px 0;”>[IMG_0627](http://fb7904dk.bget.ru/portfolio/fotografii-s-obektov/attachment/img_0627)
   > </h2>
 * All this is done in some div class=”smooth_slideri” which locates in another 
   div class=”smooth_sliderb”
 * I tried to find where these strings could be placed, however didn’t succed so
   far. Would really appreciate your help.
 * [https://wordpress.org/plugins/smooth-slider/](https://wordpress.org/plugins/smooth-slider/)

Viewing 1 replies (of 1 total)

 *  [sukhada](https://wordpress.org/support/users/sukhada/)
 * (@sukhada)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/text-overlay-issue/#post-5266809)
 * Hi there,
 * Yes, you can add text overly in smooth slider, on settings panel there is setting
   field located in Basic Settings => Miscellaneous => Custom Styles. Here you can
   put custom styles which are required for class “smooth_slideri h2” or “smooth_slideri
   a”.
 * You can refer below code to add custom styles,
 *     ```
       .smooth_slider .smooth_slideri h2 {
       background: rgba(0, 0, 0, 0.4) !important; //Add your style here for h2
       }
       .smooth_slider .smooth_slideri h2 a{
       color: #fff !important;  //Add your style here for a
       }
       ```
   
 * Or you can also use [pointelle slider](http://slidervilla.com/pointelle/) which
   provide same kind of text overlay. You just need to disable navigation from settings
   panel.
 * Hope it will help.
 * Best regards,
    Sukhada, SliderVilla Support.

Viewing 1 replies (of 1 total)

The topic ‘Text overlay issue’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/smooth-slider_e7cacb.svg)
 * [Smooth Slider](https://wordpress.org/plugins/smooth-slider/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/smooth-slider/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/smooth-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/smooth-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/smooth-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/smooth-slider/reviews/)

## Tags

 * [text](https://wordpress.org/support/topic-tag/text/)

 * 1 reply
 * 2 participants
 * Last reply from: [sukhada](https://wordpress.org/support/users/sukhada/)
 * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/text-overlay-issue/#post-5266809)
 * Status: resolved