Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 8, 2017 at 1:21 am #805411
    kvpacs

    Hello,
    I have the following code in a text block and would like the opacity applied to the background only (not the text). Is this possible? Right now the opacity is applied to everything within the div.

    <div style=”background: #fff; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); padding: 40px;”>[av_font_icon icon='ue842' font='entypo-fontello' style='border' caption='' link='' linktarget='' size='80px' position='center' color='#ebce3b' custom_class='' admin_preview_bg=''][/av_font_icon]
    </div>

    Thanks in advance for any suggestions!

    June 8, 2017 at 6:25 am #805433
    Nikko

    Hey kvpacs,

    Try to replace this part of your code:

    <div style=”background: #fff; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); padding: 40px;”>

    replace it with:

    <div style=”background: rgba(255,255,255,0.5); -moz-opacity: 0.5; filter: alpha(opacity=50); padding: 40px;”>

    But I would suggest using class and then apply css to the class. Hope this helps :)

    Best regards,
    Nikko

    June 8, 2017 at 7:48 pm #805720
    kvpacs

    Thank you Nikko! That worked perfectly when applied through a div class.

    All the best,
    Theresa

    June 9, 2017 at 11:03 am #806006
    Rikard

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.