Text background opacity possible?

  • Resolved planetboris

    (@planetboris)


    2 years, 4 months ago

    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!

    • This topic was modified 2 years, 4 months ago by planetboris.
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)
  • The topic ‘Text background opacity possible?’ is closed to new replies.