Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 3, 2016 at 10:59 pm #577404
    mcraig77

    Ahoy,

    I was wondering how to add a semi transparent box behind these text areas?

    Please advise.

    February 4, 2016 at 3:02 am #577468
    Elliott

    Hey mcraig77!

    Add this to a codeblock element in the page.

    <style type = "text/css">
.av_two_fifth { background: rgba(0,0,0,0.3) !important; }
</style>

    Regards,
    Elliott

    February 4, 2016 at 3:26 am #577482
    mcraig77

    Super close as well…

    For the top one I just need a box behind he text on the right… Screenshot 1

    any chance of getting a black box behind this area as well? screenshot 2

    February 8, 2016 at 7:12 am #579381
    Ismael

    Hey!

    Please turn on the custom css class (link here) then edit the text block. Add a unique css class selector in the custom class field. Use “text_bg” for example then add something like this in the Quick CSS field:]

    .text_bg {
background: rgba(0,0,0,0.5);
padding: 10px;
}

    You can also add the css code in a code block as suggested on the previous post.

    Cheers!
    Ismael

    February 8, 2016 at 8:10 am #579425
    mcraig77

    That works great! Thanks!

    February 9, 2016 at 5:12 am #580099
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

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