Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 15, 2017 at 1:54 pm #864481
    PaulBakker

    Hello,

    How can I get columns in A CF7 form, i.e. two fields on one line, in Enfold?

    Thanks,
    Paul Bakker

    October 15, 2017 at 7:30 pm #864529
    Guenni007

    have a look here : https://kriesi.at/support/topic/contact-form-7-3-fields-same-row-like-enfold-shop-demo/
    you can use shortcodes in cf7 – if not on default there is a shortcode enabler for cf7 plugin

    f.e. 

    [av_one_half first]<label> Ihr Name (Pflichtfeld)
    [text* your-name] </label>[/av_one_half]

[av_one_half]<label> Ihre E-Mail-Adresse (Pflichtfeld)
    [email* your-email] </label>[/av_one_half]

<label> Betreff
    [text your-subject] </label>

<label> Ihre Nachricht
    [textarea your-message] </label>

[submit "Senden"]

    you see that the cf7 shortcodes are surrounded by the formating shortcodes
    https://webers-testseite.de/abc/

    Edit: for that you need the shortcode enabler mentioned above

    • This reply was modified 7 years, 1 month ago by Guenni007.
    October 15, 2017 at 7:51 pm #864532
    Mike

    Hey PaulBakker,
    In contact form 7 create your form like this:

    <div class="cf7">[text* your-name placeholder "Your Name"] [email* your-email placeholder "Your E-Mail"] [submit "Send"]</div>

    Put your shortcode in a code block element
    and add this css in the General Styling > Quick CSS field:

    .cf7 {width: 700px !important; }
span.wpcf7-form-control-wrap {
 display: inline-block;
 width: 300px;
}

    2017-10-15_134136

    Best regards,
    Mike

    October 15, 2017 at 7:54 pm #864534
    PaulBakker

    Thanks,

    I went looking for myself and came up with this and it also works.
    Thanks though for your example, it looks more versatile than mine.
    I will try it.

    <div class=”flex_column av_one_half first”>[select* data-watzoeken First_as_label “Waar moeten we naar zoeken” “Fiat 500” “Harley Davidson”]</div><div class=”flex_column av_one_half”>[text* Name placeholder “Naam”]</div>

    <div class=”flex_column av_one_half first”>[tel* contact-number placeholder “Telefoon”]</div>
    <div class=”flex_column av_one_half”>[email* email placeholder “E-mailadres”]</div>

    <div class=”flex_column av_one_half first”>[text* Merk placeholder “Wat voor een merk zoek je”]</div>
    <div class=”flex_column av_one_half”>[text* Type placeholder “Welk type”]</div>
    [submit]

    October 15, 2017 at 7:56 pm #864535
    Guenni007

    and if you want the text – as on your site – placed in the input field with a given default text add on cf7 short code f.e.:

    [tel tel-779 placeholder "Telefoon nummer"]

    the placeholder “” option

    October 15, 2017 at 8:03 pm #864536
    Mike

    Hi,

    @Guenni007     Thanks for sharing

    Best regards,
    Mike

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