Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 13, 2017 at 12:01 pm #746325
    abortolotti

    Hi guys,

    I would like to have a video background AND a headline on the video at the same time as in this website here.

    – Video background
    – Big white Headline
    – Semi transparent black frame on the headline

    How would I go about that?

    Thanks for your help

    February 13, 2017 at 1:40 pm #746372
    Vinay

    Hey Antonio,

    For video background please use a color section with a video background and overlay.
    For headline you can try the special heading element.

    Let us know if you have more questions.

    Best regards,
    Vinay

    February 13, 2017 at 2:04 pm #746395
    abortolotti

    Thanks Vinay,

    How would I then create the semi transparent black background on the headline? I don’t really want the overlay on the entire video but only on the headline. And can I adjust the transparency?

    Thanks

    Antonio

    February 17, 2017 at 12:20 pm #748361
    Vinay

    Hi,

    You can turn on custom css class name support and add a custom class to the heading. http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Then use the below css

    
.bg-heading {
background:rgba(0,0,0,.5);
}

    If you have any issue please share the precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    • This reply was modified 7 years, 10 months ago by Vinay.
    February 17, 2017 at 2:08 pm #748431
    abortolotti

    will do, thanks.
    Once done, how do I point the code you gave me to the name I specified in the custom css class name field? Or is the code above working exactly on the headline on a specific page?

    February 22, 2017 at 8:15 am #750311
    Ismael

    Hi!

    I’m sorry but I’m not sure what you mean by that. What is the custom css class attribute that you applied in the special heading? If you put in “custom_heading” in the field, the following css declaration will do. 

    .custom_heading {
background:rgba(0,0,0,.5);
}

    Regards,
    Ismael

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