Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #683960

    Hi

    I’m trying to make a minimalistic contact form for our web page. I can’t get to position the contact fields as we want.
    Here’s the code we are using with contact form 7. We’ve added the avia format so as to have same format in all the webpage:

    <div class="avia_ajax_form">
    <p class="first_form form_element form_element_half">Nombre<br />
        [email* your-name class:text_input] </p>
    <p class="first_form form_element form_element_half">E-Mail<br />
        [text* your-email class:text_input] </p>
    
    <p class="form_element form_element_half">Mensaje
        [textarea* your-message class:text_area] </p>
    </div>[honeypot important-53]
    
    <p class="submit" align="center">[submit "Enviar consulta"]</p>

    This is what we get:

    Contact Form 7

    This is what we’d like to have (photoshopped):

    Contact Form

    Could anybody help me out?
    Thanks a lot

    #684043

    Hey gasto,

    We need to take a closer look Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Vinay

    #684174

    OK, here they go:

    #684865

    Hey!

    We modified the contact form a bit. Please remove browser cache or hard refresh the page. http://www.minidin.com.ar/contacto/

    Regards,
    Ismael

    #685444

    Sorry, but you modified the wrong contact form. How do we it get back just the way it was?

    The once supposed to be modified it’s the one called “minimalistic form”

    edit: Nevermind, I fixed it,
    It seems to be OK, but the “submit” button is not placed correctly, it’s very close to the field. Can it be lowered?

    • This reply was modified 7 years, 8 months ago by gasto.
    #686159

    Hi,

    Try this in Quick CSS:

    .wpcf7-submit {
            margin-top: 20px;
    }

    Cheers!
    Rikard

    #686535

    Thank you guys!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘A little help with contact form fields positioning’ is closed to new replies.