-
Posts
-
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
Hey 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,
IsmaelWhat 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]
Hi!
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!
PeterOh 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!
Hey!
Try adding this code to the Quick CSS:
input.wpcf7-form-control.wpcf7-text { width: 100% !important; }Cheers!
JosueHi,
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.Hey!
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,
JosueHi!
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,
VinayHi:
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>
Hi,
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,
MikeThank 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?
Hi,
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,
MikeHi,
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,
MikeHi,
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
- The topic ‘Getting Multi Columns using Contact Form 7’ is closed to new replies.