Okay
  Public Ticket #635675
Corporate theme - Contact Form 7 layout
Closed

Comments

  • cloudybt started the conversation

    I'd like to understand how I need to setup the Contact 7 form so that it looks like it does in the Corporate demo - i.e. three columns, nice font and when you click on "name" the title moves above the text entry - nice!

    http://themenectar.com/demo/salient-corporate/contact/

    Brand new deployment with the Corporate demo installed, my form looks like this:

    http://198.199.113.51/contact/

    My default Contact Form 7 data looks like this currently:

    <p>Name (required)<br />

    [text* your-name] </p>

    <p>Email (required)<br />

    [email* your-email] </p>

    <p>Subject<br />

    [text your-subject] </p>

    <p>Message<br />

    [textarea your-message] </p>

    <p>[submit "Send Message"]</p>


    Thanks!

  • Lukasz replied

    Hi,

    i have the same problem but i go deep in css code and i got it. The same view as the corporate contact page. Just past code to the Contact Form 7:

    There you go: http://pastebin.com/ft8kZiTf

  • cloudybt replied

    Lukasz, you rock. Thankyou.

  • Nick replied

    Hey there, 

    I'm having the same issue, and just tried to click your pastebin link but it says there is nothing there... Any chance of pasting that code here, or creating a new pastebin example?

    Cheers,

    Nick.

  • Nick replied

    Nevermind – it was the way the link was handled in this ticket, rather than the link itself. Copied it into the address bar and all sorted. Thanks a million for posting this!

  • Lukasz replied

    Hi,

    In line 25 is a little mistake. There is css class "has-text", you should remove this to correct looking this form, or just copy from new pastebin: http://pastebin.com/Uds5N3Td