[Resolved] Putting contact form beside video

[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

[Tom]

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 🙂

[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

[Tom]

Awesome 🙂

[Author]

Posts