Viewing 9 posts - 1 through 9 (of 9 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 please explain what you’re doing a little bit more? A link to the page and screenshot of what you’re trying to accomplish will help. I think another user ask for the same thing. Please try this:

    
    <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

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.