Archived topic
Putting contact form beside video
3 replies · Started by MICHAEL HOLLAND on May 19, 2015
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
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 :)
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
Awesome :)