Support » Plugin: Accordion Slider Lite » Text background opacity possible?

  • Resolved planetboris

    (@planetboris)


    Hi, I’m working on stylizing the text. I have 2 preset options that show in the dropdown, under the Appearance tab. Can I change the opacity of the background? With CSS? If so could you guide me? I’m already using one class name for the font color, with CSS class: “slide-title”.

    – Also regarding the addition of another layer, an image. It’s a great feature to
    have another image fade in, but I would like to slow it down, it’s currently too fast. I tried adjusting the settings, not sure how to slow it down. Also it zooms in, how do you control the zoom, i.e. turn if off. I just want the image to do a simple fade-in and then fade out, slowly. And also adjust the opacity of that image layer if possible.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author bqworks

    (@bqworks)

    Hi,

    You can use this CSS to change the background opacity or color:

    .as-layer {
        background: rgba(0, 0, 0, 0.2);
    }

    The last paramater (0.2) indicates the opacity, while the first three parameters indicate the color. The CSS above will target all the layers; if you want to target only one layer, you need to use the CSS class of that layer:

    .slide-title {
        background: rgba(0, 0, 0, 0.2);
    }

    You can adjust the layers’ animation from the layers’ Animation’ tab. The ‘Show Duration’ and ‘Hide Duration’ will allow you to set the speed of the animation.

    Best,
    David

    Thread Starter planetboris

    (@planetboris)

    Hi David, that’s excellent! thanks for the CSS and the instructions for the animation speed. Sorry I completely forgot to reply, I recently moved and have been working on other parts of the site. Hopefully we go live soon, I’ll keep you posted so you an see it in action.

    Cheers

    Plugin Author bqworks

    (@bqworks)

    You’re welcome! šŸ™‚

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.