Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #169166

    Hi there,

    How do I get the font to be white and the background to be transparent in the layerslider. As of right now, I changed the css in the layer slider to

    opacity:0.6;
    filter:alpha(opacity=60);

    But that just makes the background and the font transparent. I’d like it so the background is transparent, but not the actual font.

    Thanks,

    Mark

    #169613

    Here is a screenshot:

    #169614
    #170101

    Hi!

    You would need to make the font have its own class so that you could target that class and force its opacity separately.

    Best regards,
    Devin

    #170173

    Hi Devin,

    Can you please show me how to do this?

    Mark

    #170705

    ???

    #170958

    Hi!

    Create a layer on the LayerSlider, select Div / Video. Add a code like this:

    <div class="layer-transparent">This is a text</div>

    Edit Enfold > Quick CSS or add this on your custom.css:

    .layer-transparent {
    display: block;
    background: rgba(0,0,0,.5);
    padding: 20px;
    font-size: 15px;
    color: white;
    text-align: center;
    vertical-align: middle;
    }

    Cheers!
    Ismael

    #171018

    Awesome! Thanks so much Ismael. It works great!

    Mark

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Background transparent, but font white in layer slider’ is closed to new replies.