Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • June 2, 2014 at 4:09 pm #273307
    Mesheu

    Hi guys,

    no matter how many times I tried and followed other threads on this forum, the email forum didn’t work for me. And as suggested here as a solution (https://kriesi.at/support/topic/enfold-contact-form-only-emailing-to-default-email-not-custom-emails/), I downloaded this plugin on my website here –> see the private content section below

    However, I want the email entry box and the submit button box on the same line, next to each other, positioned at the center. Just like in here –> http://common.am/

    But I can’t do it and the avia builder changes its rules. For instance, I tried to put them in a table or ul/li form in the avia builder but it doesn’t recognise. How can I do it in css?

    please help, I am about to freak out :)
    Thank you!
    Ali

    June 2, 2014 at 6:16 pm #273383
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    form.wpcf7-form br{
    display: none;
}

form.wpcf7-form span{
    float: left;
}

form.wpcf7-form{
    width: 370px;
    margin: 0 auto;
}

    Cheers! 
    Josue

    June 2, 2014 at 6:23 pm #273388
    Mesheu

    Just added and this is how it looks (you can check the website now).

    Thanks!
    Ali

    June 2, 2014 at 6:24 pm #273393
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

    June 2, 2014 at 6:29 pm #273403
    Mesheu

    Oh no, I meant it is still not fixed one still placed on top of the other :) Sorry for that, could you please check again?

    June 2, 2014 at 6:30 pm #273406
    Josue

    Add this too:

    form.wpcf7-form{
    top: 40px;
    position: relative;
}

    Cheers!
    Josue

    June 2, 2014 at 6:33 pm #273411
    Mesheu

    Getting there but still missing sth?

    June 2, 2014 at 6:35 pm #273412
    Josue

    Please be specific.

    Also note that offering fixes for third-party plugins is out of the support scope we offer.

    Best regards,
    Josue

    June 2, 2014 at 6:38 pm #273416
    Mesheu

    I mean they (the email box in which user enter the email adress and the submit button) are not on the same horizontal line but instead the email form is position on top of the submit button. Could you help put them next to each other?

    Thank you millions!
    Ali

    June 2, 2014 at 6:39 pm #273417
    Mesheu

    I addd the last code you suggested too but it’s still on top of each other.

    June 2, 2014 at 6:42 pm #273418
    Josue

    Try adding this:

    .email-599 .wpcf7-text {
    position: relative;
    top: 1px;
}

    Here’s how i see it:

    June 2, 2014 at 6:52 pm #273435
    Mesheu

    So, I added the following 5 codes to custom.css:

    form.wpcf7-form br{
    display: none;
    }

    form.wpcf7-form span{
    float: left;
    }

    form.wpcf7-form{
    width: 370px;
    margin: 0 auto;
    }

    form.wpcf7-form{
    top: 40px;
    position: relative;
    }

    .email-599 .wpcf7-text {
    position: relative;
    top: 1px;
    }

    And I still see it like this both on chrome and firefox: https://www.dropbox.com/s/ff29j7uv2rgwhto/Screenshot-2014-06-02-19.47.11.jpg

    Sorry for being a pain, I really appreciate!
    Thanks!
    Ali

    June 2, 2014 at 6:56 pm #273438
    Josue

    Try changing:

    form.wpcf7-form{
width: 370px;
margin: 0 auto;
}

    to:

    form.wpcf7-form{
width: 500px;
margin: 0 auto;
}

    The problem is that i’m not seeing the form like you on my end (Chrome / OS X) making it harder to debug.

    Best regards,
    Josue

    June 2, 2014 at 7:06 pm #273443
    Mesheu

    Yes!!!! It is done.

    The only problem is it looks like this on chrome –> https://www.dropbox.com/s/2cdhvsuwlwc11b4/Screenshot-chrome.jpg

    And like this on firefox –> https://www.dropbox.com/s/8nw8b9vpghy6i8b/Screenshot-firefox.jpg

    Do you think there is a way to fix that 1px-2px thing or what it causes that?

    No problem if you can’t, you already helped a lot! Thank you!!
    Ali

    June 2, 2014 at 7:17 pm #273453
    Josue

    That’s a known Firefox/Chrome bug with form elements, you could try tweaking this part of the code i gave you (the top value):

    .email-599 .wpcf7-text {
position: relative;
top: 1px;
}

    Best regards,
    Josue

    June 2, 2014 at 7:22 pm #273458
    Mesheu

    Thank you so much, Joseu!!
    Have a great day!
    Ali

    June 2, 2014 at 7:24 pm #273461
    Josue

    You too Ali :)

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Email form fix’ is closed to new replies.