Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 16, 2016 at 10:14 pm #649426
    lipefalcao

    Hey guys, I’m using the contact form7 on my website. I put every element that my clients need to fill and send me as an e-mail, but the problem is that I’m trying to build it in two columns and I don’t know anything about code. Can you guys help me?

    This is the page with the contact form7
    http://www.clubshowbar.com/orcamento

    Regards,

    Filipe

    June 18, 2016 at 7:01 am #650099
    Rikard

    Hi Filipe,

    You would have to write some basic html/css for that: 

    <div style="display:inline-block; width:50%;">
Content of first column
</div>
<div style="display:inline-block; width:50%;">
Content of second column
</div>

    You can learn more about the basics of web development here: http://www.w3schools.com/

    Regards,
    Rikard

    • This reply was modified 8 years ago by Rikard.
    June 20, 2016 at 8:26 pm #651071
    lipefalcao

    Thanks Rikard, but where do I put these codes?

    Regards,

    Filipe

    June 20, 2016 at 8:39 pm #651075
    Basilis

    Hi!

    Contact Form 7 has some fields where you can add the HTML.
    If that is hard, pelase try an other software like Ninja Forms.

    Thanks a lot

    Cheers!
    Basilis

    June 20, 2016 at 8:52 pm #651082
    lipefalcao

    I put the codes in the customization section of the contact form7 but I think I did it wrong and it didn’t work.

    Could you do that for me if I inform you the login+pass?

    • This reply was modified 8 years ago by lipefalcao.
    June 20, 2016 at 10:01 pm #651116
    Basilis

    Hi!

    I am sorry but we do not do such customisations.
    We do help with elements related to theme, like the contact form the theme includes.
    For that, you would need to hire someone to help you out.

    Please do let us know if we can do anything else for oyu, related to our theme

    Cheers!
    Basilis

    June 20, 2016 at 10:10 pm #651121
    classywebsites

    lipefalcao

    Here is the code I inserted in the Form tab of Contact Form 7 to create 2 columns:

    <div id=”contacttable”><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>

    </tr>
    <tr>
    <td>First/Last*</td>
    <td>[text* first-name 13/15 placeholder “First”] </td>
    <td>[text* last-name 13/20 placeholder “Last”] </td>
    <tr>
    <td>First/Last</td>
    <td>[text spouse-first-name 13/15 placeholder “Spouse First”] </td>
    <td>[text spouse-last-name 13/20 placeholder “Spouse Last”] </td>
    </tr>
    </tr>
    <td>Age*/Spouse</td>
    <td>[text* age 13/2 placeholder “Age”] </td>
    <td>[text spouse-age 13/2 placeholder “Spouse Age”] </td>
    <tr>
    <td>Address/City*</td>
    <td>[text* address 13/35 placeholder “Address”] </td>
    <td>[text* city 13/35 placeholder “City”] </td>
    </tr>
    <td>State/Zip*</td>
    <td>[text* state 13/2 placeholder “State”] </td>
    <td>[text* zip 13/5 placeholder “Zip”]</td>
    <tr>
    <td>Phone/Email*</td>
    <td>[text* phone 13/13 placeholder “Phone”] </td>
    <td>[text* email 13/35 placeholder “Email”]</td>
    </tr>
    <tr>
    <td colspan=”3″>*Required</td>
    <td colspan=”3″> </td>
    <tr>
    <td>[submit “Get Quote”]</td>
    <td colspan=”2″></td>
    </tr>
    </table>
    </div>

    June 22, 2016 at 5:34 am #651882
    Rikard

    Hi,

    Thanks for sharing @classywebsites, much appreciated :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.