Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 2, 2013 at 8:16 am #169166
    Mark

    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

    October 3, 2013 at 12:13 am #169613
    Mark

    Here is a screenshot:

    October 3, 2013 at 12:13 am #169614
    Mark

    https://www.dropbox.com/s/s2sugpzpbug801d/Screen%20Shot%202013-10-02%20at%203.10.14%20PM.png

    October 3, 2013 at 10:05 pm #170101
    Devin

    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

    October 4, 2013 at 12:40 am #170173
    Mark

    Hi Devin,

    Can you please show me how to do this?

    Mark

    October 5, 2013 at 3:09 am #170705
    Mark

    ???

    October 6, 2013 at 3:14 am #170958
    Ismael

    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

    October 6, 2013 at 5:00 am #171018
    Mark

    Awesome! Thanks so much Ismael. It works great!

    Mark

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Background transparent, but font white in layer slider’ is closed to new replies.