Text overlay issue

  • Resolved Almo

    (@almo)


    11 years, 9 months ago

    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. 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</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://ww.wp.xz.cn/plugins/smooth-slider/

Viewing 1 replies (of 1 total)
  • sukhada

    (@sukhada)

    11 years, 9 months ago

    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 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.

Tags