Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 5, 2016 at 9:38 am #643104
    abortolotti

    Hi guys,

    how do I place a boxed overlay not only on the header but also on the text box underneath where I have a background image?

    I used the following quick CSS for the header on this test page: http://www.vacationrentalworldsummit.com/sponsorship/ but don’t know how to have the text as well (scroll the page and see the VRWS2016 Elite Edition section):

    .page-id-2584 .avia-builder-el-12 { padding: 20px;
    background-color: rgba(0,0,0,0.5); }

    Is there a simple way to get this effect (I used to apply the above code hassle free on previous versions of Enfold, but now I see it only applies to headers and not also text or other element below): http://cortijolahoya.com/calendar-rates/

    Thank you :)

    Antonio

    June 6, 2016 at 6:31 am #643294
    abortolotti

    Hi guys, any update on this :) ?
    Thank you so much.

    June 6, 2016 at 9:30 pm #643632
    Andy

    Hi,

    not sure what you’re trying to achieve. Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Best regards,
    Andy

    June 6, 2016 at 10:05 pm #643659
    abortolotti

    Thanks Andy,

    here it is:

    http://prntscr.com/bd5ld3

    As you see the headline has the transparent overlay. I can’t find a way to put it also on the white text underneath, so it all reads well with the background image visibile.

    Antonio

    June 7, 2016 at 10:38 am #643935
    Andy

    Hi,

    thanks for the mockup! Use this code inside Quick CSS field:

    .avia_textblock.av_inherit_color {
background-color: rgba(0,0,0,0.5);
}

    Best regards,
    Andy

    June 7, 2016 at 10:43 am #643936
    abortolotti

    Thank you so much, Andy, it works.

    Can I add some padding as well on the left, to detach text from the overlay?

    Thanks

    Antonio

    PS: Nevermind, I made it by myself ;) Just looked at the previous code and added the missing line.

    You can close the thread. Thanks a ton!

    June 7, 2016 at 11:28 am #643960
    Andy

    Hi,

    awesome and glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to place a boxed overlay on text with a background image?’ is closed to new replies.