Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1296639

    I want to add a quote form (a gravity forms code via the code block element) 1/3 over an advanced layerslider. is this possible?

    thanks,
    Ryan

    #1296661

    Hi Ryan,

    Please do the following steps.
    1. Create a Color Section (put it below the layerslider) and set Custom ID Attribute to myform.
    2. Put the CodeBlock element (with the form) inside the Color Section and save.
    3. Go to Enfold > General Styling > Quick CSS, then add this CSS code:

    #top #main {
        position: relative;
    }
    
    #myform {
        position: absolute;
        z-index: 110;
        top: 80px;
        right: 20px;
        width: 500px;
    }

    Just adjust the top, right and width values.
    Hope it helps.

    Best regards,
    Nikko

    #1298634

    Thanks Nikko – that looks like an excellent solution. I ended up using the color section with a video background (instead of the advanced layer slider) since I am more familiar with that. As always, thank you for the help!

    Ryan

    #1298805

    Hi Ryan,

    Glad Nikko could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘adding a code block above the advanced layerslider’ is closed to new replies.