[Resolved] Putting contact form beside video

Home Forums Support Putting contact form beside video

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #109045
    MICHAEL HOLLAND

    Hi Tom…

    I’d like to do something similar to what you’ve done on the GeneratePress home page. In the first section, you appear to have two boxes side by side. One box contains a video and the other box contains text/links/graphics.

    What I would like to do is have a video in one box and an email optin form in the second box. Ideally, I’d like to use a Contact Form 7 shortcode for the optin form.

    I’ve tried tables and the div approach but doesn’t work. I don’t know anything about CSS, but is this something you help me with? I hoping there’s some raw code you can just provide and tell me where to enter it. Or maybe I can buy you a cup of coffee and you can knock it out much faster. 🙂

    Thanks
    Michael

    #109070
    Tom
    Lead Developer
    Lead Developer

    Hi Michael,

    You can use the built in grid system like so:

    <div class="grid-container grid-parent">
          <div class="grid-50">
                First column here
          </div>
          <div class="grid-50">
                Second column here
          </div>
    </div>

    Place that wherever you want the columns to show up, and you should be good to go 🙂

    #109255
    MICHAEL HOLLAND

    Awesome! Thanks Tom. That code snippet worked like a charm. I even used shortcodes for both the video and opt-in form. Greatly appreciated. Michael

    #109278
    Tom
    Lead Developer
    Lead Developer
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.