Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #273272

    Hi,

    I’ve bought Enfold for another client and I would like to add a (dotted) grid over an video background.
    For example, like on this page: http://kriesi.at/themes/enfold/homepage/home-v9-videos-and-parallax/
    That there comes an (repeating) image overlay over the ‘splash video’ av_section_5.
    If not possible, an overlay for all video backgrounds is fine as well.

    I’ve already searched for it and found some support topics about this subject, but they didn’t work for me. Maybe because some parts changed in the lasts updates.

    Thank you!

    #273385

    Hey Trender!

    This will do it (change av_section_5 by your color section ID):

    #av_section_5:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: url(_GRID_PNG_IMAGE_URL_HERE_) repeat transparent;
        z-index: 10;
        position: absolute;
        top: 0;
    }

    Result:
    null
    Best regards,
    Josue

    #273516

    Hi Josue,

    Thank you for the quick reply! These custom css codes work, only it’s placed over all the content. So with a smaller pattern/dots, the text will also be difficult to read. Also, the buttons a.o. won’t work anymore.

    Kind regards,

    Maarten

    #273519

    Can you post the page where you are trying this?

    Regards,
    Josue

    #273542
    This reply has been marked as private.
    #273548

    Add this too:

    #homepage-video .container {
        position: relative;
        z-index: 20;
    }
    #273598

    That works perfectly! Thank you Josue for the great and swift support!

    #273606

    You are welcome, always glad to help :)

    Regards,
    Josue

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Grid over video background’ is closed to new replies.