Viewing 6 replies - 1 through 6 (of 6 total)
  • Please explain your question into detail. Do you want to create a multi page form?

    ​​Include links or screenshots of what you want to do with CF7. If others here are able to understand your actual problem, they may be able and willing to offer a possible solution.

    Thread Starter gieras

    (@gieras)

    I need something like this http://postimg.org/image/l8yajwarp/

    I want to separate contact form for two sections:

    Could you explain what you mean by “two sections” in your screenshot ​?

    Meanwhile you may see http://contactform7.com/getting-started-with-contact-form-7/

    also see Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

    ​​​​

    Thread Starter gieras

    (@gieras)

    I have one link to contact form “[contact-form-7 id=”1″ title=”title”]”,
    but I need to mix contact fields with my content (pictures, text etc.) How can I do this ?

    Text
    Photo
    Field of contact form
    Text
    Photo
    Field of contact form
    Text
    Photo
    Next contact form fields

    Maybe I need to input my content, between the contact form fields on contact form edit page ?

    You need to be skilled at HTML and CSS to able to add up to the default CF7 mark-up. Below is a basic format of what you wish to do with CF7

    <p> Some text goes here </p>
    <p><img src="imagesource.com"  > </p>​
    ​
    <p>Your Email (required)<br />
        [email* your email] </p>
    
    <p> Some text goes here </p>
    <p><img src="imagesource.com"  > </p>
    ​​
    <p>Subject<br />
        [text your-subject] </p>
    ​
    <p> Some text goes here </p>
    <p><img src="imagesource.com"  > </p>
    ​
    <p>Your Message<br />
        [textarea your-message] </p>
    
    <p>[submit send]</p>​​
    Thread Starter gieras

    (@gieras)

    Thanks a lot, now it works good form me.
    My next problem is positon of fields, now I have:

    Some text
    field
    Some text
    field
    Some text
    field

    How to make:
    Some text field Some text field Some text field

    ?

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Separation’ is closed to new replies.