![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: contact, contact form 7, form
-
AuthorPosts
-
July 2, 2014 at 10:45 pm #286426
Hello! I’m trying to get multiple columns to show up on the pages so far nothing I do seems to work, any suggestions? Thanks
July 3, 2014 at 5:10 am #286490Hey P. Bert!
Thank you for using the theme.
Can you explain the issue further? A link to the page and screenshot of what you’re trying to do will help.
<div class="flex_column av_one_half first"> <p>Your Message 1</p> [textarea your-message-1] </div> <div class="flex_column av_one_half"> <p>Your Message 2</p> [textarea your-message-2] </div>
Regards,
IsmaelJuly 3, 2014 at 8:03 am #286528This reply has been marked as private.July 3, 2014 at 8:04 am #286529What I want is two have two columns for the input fields. I saw a post about this but it was for another different theme, and no luck with the solution you gave.
Here is the coding for my Contact Form 7 as well.
<div class=”flex_column av_one_half first”>[text* Name placeholder “Name”]</div>
<div class=”flex_column av_one_half first”>[tel* contact-number placeholder “Contact Number”]</div>
<div class=”flex_column av_one_half first”>[email* email placeholder “Email”]</div>
<div class=”flex_column av_one_half first”>[text Year placeholder “Year”]</div>
<div class=”flex_column av_one_half first”>[text Make placeholder “Make”]</div>
<div class=”flex_column av_one_half first”>[text Model placeholder “Model”]</div>
[textarea comments placeholder “Ask us any questions or comments you have about the damage.”]
<h5>Upload Picture of the Damage Vehicle for an Accurate Estimate</h5>
[file upload-pic limit:5242880 filetypes:gif|png|jpg|jpeg][submit]
July 3, 2014 at 4:43 pm #286730Hi!
You must remove the “first” class from every seconds div – otherwise Enfold will create a new row for each div which doesn’t make much sense if you want to display the divs in 2 (or more) columns. Change the code to:
<div class="flex_column av_one_half first">[text* Name placeholder "Name"]</div> <div class="flex_column av_one_half">[tel* contact-number placeholder "Contact Number"]</div> <div class="flex_column av_one_half first">[email* email placeholder "Email"]</div> <div class="flex_column av_one_half">[text Year placeholder "Year"]</div> <div class="flex_column av_one_half first">[text Make placeholder "Make"]</div> <div class="flex_column av_one_half">[text Model placeholder "Model"]</div> [textarea comments placeholder "Ask us any questions or comments you have about the damage."] <h5>Upload Picture of the Damage Vehicle for an Accurate Estimate</h5> [file upload-pic limit:5242880 filetypes:gif|png|jpg|jpeg] [submit]
and it should work.
Cheers!
PeterJuly 4, 2014 at 2:09 am #286991Oh awesome! Thank you kind sir! Last thing tho I did follow using the command line, buuut there still a good bit of space between the column. If you click on that link I sent privately earlier I updated it with the two columns. I tried to add some padding style in there but nothing effected it. Any solution for that? Much appreciated!
July 4, 2014 at 3:06 am #287010Hey!
Try adding this code to the Quick CSS:
input.wpcf7-form-control.wpcf7-text { width: 100% !important; }
Cheers!
JosueJuly 4, 2014 at 3:57 am #287023Well once again I take a -bow- to you dear sir, that fixed it alright!! Thanks :D
July 4, 2014 at 4:02 am #287024You are welcome, glad we could help :)
Regards,
JosueApril 7, 2016 at 9:17 pm #609889Hi,
I’m trying to use this markup to get three columns contact form 7 form but I would like my last text strech all over tha page but right now it ends up in the third column.
<div class=”flex_column av_one_third first”>[text* Name placeholder “Namn”]</div>
<div class=”flex_column av_one_third second”>[email* email placeholder “Email”]</div>
<div class=”flex_column av_one_third third”>[select* mne include_blank “Produktfrågor” “Betalningar ” “Leveranser” “Återköp ” “Mina Orders” “Mitt Konto” “Presentkort” “Övrigt”]<p>
[textarea* your-message placeholder “Skriv ditt meddelande här”]
<p>[submit “Skicka”]</p>
Help please.-
This reply was modified 8 years, 5 months ago by
heninglundh.
April 8, 2016 at 12:02 pm #610188Hey!
Try:
<div class=”flex_column av_one_third first”>[text* Name placeholder “Namn”]</div> <div class=”flex_column av_one_third second”>[email* email placeholder “Email”]</div> <div class=”flex_column av_one_third third”>[select* mne include_blank “Produktfrågor” “Betalningar ” “Leveranser” “Återköp ” “Mina Orders” “Mitt Konto” “Presentkort” “Övrigt”]<div> <div>[textarea* your-message placeholder “Skriv ditt meddelande här”]</div> <p>[submit “Skicka”]</p>
Best regards,
JosueApril 8, 2016 at 9:12 pm #610408Thanks Josue!
Worked lika a charm :)
April 8, 2016 at 10:16 pm #610428Hi!
Glad we could help! We have put together some useful info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/
Regards,
VinayDecember 23, 2017 at 1:52 pm #891803Hi:
I’m trying to do the same but at the end of the form I lose my mind and I can’t resolve this.
The “message” field I’d like was full width
Under recaptcha must be submit buttom and in right side “legal advise” check box.
What am I doing wrong? Here you are the code I’m usingThank you in advance
<div class=”flex_column av_one_half first”>
<p>Nombre (requerido)</p>
[text* text-64]
</div><div class=”flex_column av_one_half”>
<p>Apellidos (requerido)</p>
[text* text-64]
</div><div class=”flex_column av_one_half first”>
<p>Teléfono (requerido)</p>
[tel* tel-619]
</div><div class=”flex_column av_one_half”>
<p>Email</p>
[email* email-220]
</div><div class=”flex_column av_one_half first”>
<p>Mensaje</p>
[textarea your-message-1]
</div><div>[acceptance acceptance-907]Acepto las condiciones de la política de privacidad y aviso legal</div>
<div>[recaptcha]</div>
<div>[submit “Enviar”]</div>
December 23, 2017 at 3:47 pm #891813Sorry for repoen the threath again.
I did it!
Otherwise thank’s again for your powerfull support!!!December 23, 2017 at 10:36 pm #891868Hi,
If I understand correctly, you are confirming that your issue is solved?Best regards,
MikeOctober 16, 2018 at 6:52 am #1022005How to get 4th colum?
Thank youOctober 16, 2018 at 11:32 am #1022111Hi,
Please try using the 1/4 columns shortcode, like this:[av_one_fourth first][text* Name placeholder "Name"][/av_one_fourth] [av_one_fourth][email* email placeholder "Email"][/av_one_fourth] [av_one_fourth][textarea* your-message placeholder "Your Message"][/av_one_fourth] [av_one_fourth][submit "Submit"][/av_one_fourth]
please adjust the contact form 7 fields to suit
Best regards,
MikeOctober 16, 2018 at 5:54 pm #1022293Thank you Mike..
That just did it.
You may be able to guide me to display the enfold datepicker into contact form 7? I mean, if I have 3 column, and also in those colums, I take the spot for datepicker in anyone column, the picker length and width is smaller than the datepicker in enfold .Any idea?
October 17, 2018 at 3:57 am #1022496Hi,
Perhaps if you link to your page we can adjust the datepicker with some css.Best regards,
MikeOctober 17, 2018 at 4:40 am #1022536This reply has been marked as private.October 17, 2018 at 6:15 am #1022573Hi,
If it’s only the login to the front end, then you can include it in the Private Content area.
Please don’t include a login to the back end, as this is not your thread & the thread owner will see the info.
I only need to see the front end for css, if I need to go deeper you will have to start a new thread.Best regards,
MikeOctober 18, 2018 at 12:05 am #1023048http://qualityprint.fijisnadi.com
-
This reply was modified 5 years, 10 months ago by
Mike. Reason: moved login to Private Content area
October 18, 2018 at 2:40 am #1023087Hi,
Sorry the datepicker is from the jQuery ui library and I couldn’t find a way to increase it’s size because it’s created on the fly in the DOM.Best regards,
MikeOctober 18, 2018 at 10:29 am #1023255This reply has been marked as private.October 18, 2018 at 12:06 pm #1023311Hi,
Glad to hear, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)Best regards,
Mike -
This reply was modified 8 years, 5 months ago by
-
AuthorPosts
- The topic ‘Getting Multi Columns using Contact Form 7’ is closed to new replies.