Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • #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

    #286490

    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,
    Ismael

    #286528
    This reply has been marked as private.
    #286529

    What 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]

    #286730

    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!
    Peter

    #286991

    Oh 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!

    #287010

    Hey!

    Try adding this code to the Quick CSS:

    input.wpcf7-form-control.wpcf7-text {
        width: 100% !important;
    }

    Cheers! 
    Josue

    #287023

    Well once again I take a -bow- to you dear sir, that fixed it alright!! Thanks :D

    #287024

    You are welcome, glad we could help :)

    Regards,
    Josue

    #609889

    Hi,

    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, 1 month ago by heninglundh.
    #610188

    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,
    Josue

    #610408

    Thanks Josue!

    Worked lika a charm :)

    #610428

    Hi!

    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,
    Vinay

    #891803

    Hi:
    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 using

    Thank 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>

    #891813

    Sorry for repoen the threath again.
    I did it!
    Otherwise thank’s again for your powerfull support!!!

    #891868

    Hi,
    If I understand correctly, you are confirming that your issue is solved?

    Best regards,
    Mike

    #1022005

    How to get 4th colum?
    Thank you

    #1022111

    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,
    Mike

    #1022293

    Thank 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?

    #1022496

    Hi,
    Perhaps if you link to your page we can adjust the datepicker with some css.

    Best regards,
    Mike

    #1022536
    This reply has been marked as private.
    #1022573

    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,
    Mike

    #1023048

    http://qualityprint.fijisnadi.com

    • This reply was modified 5 years, 7 months ago by Mike. Reason: moved login to Private Content area
    #1023087

    Hi,
    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,
    Mike

    #1023255
    This reply has been marked as private.
    #1023311

    Hi,
    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

Viewing 26 posts - 1 through 26 (of 26 total)
  • The topic ‘Getting Multi Columns using Contact Form 7’ is closed to new replies.