Navigation
Archive / No Submit Button in Contact Form 7
This is archived content. Visit our new forum.
  • Author
    Posts
  • April 9, 2014 at 3:35 pm #31725

    mustafa o
    Participant

    Hi,
    I have a Contact Form 7 form and my problem is the Submit button is not visible, there is only some blank space.

    Here is my form code:

    <p>Adınız (gerekli)<br />
    [text* your-name] </p>

    <p>Epostanız (gerekli)<br />
    [email* your-email] </p>

    <p>Konu<br />
    [text your-subject] </p>

    <p>İletiniz<br />
    [textarea your-message] </p>

    <p>Telefon No<br>[tel tel-125]</p>

    <p>…[submit]…</p>

    I have checked the HTML code in my page and I have found the below:

    <p>…<input type=”submit” value=”Gönder” class=”wpcf7-form-control wpcf7-submit”>Gönderiliyor ...…</p>

    I think the ajax staff is something automatically added by the plugin and probably it is the cause. But I do not know how to fix it.

    Thanks.

    April 9, 2014 at 3:37 pm #31728

    mustafa o
    Participant

    I think I could not send the HTML code correctly, I am sending again within code tag:

    <p>...<input type="submit" value="Gönder" class="wpcf7-form-control wpcf7-submit"><img class="ajax-loader" src="http://derinkonak.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif" alt="Gönderiliyor ..." style="visibility: hidden;">...</p>

    April 9, 2014 at 7:41 pm #31805

    Support
    Member

    Hi there!

    Thanks for using the theme!

    I’m sorry but at this time I am not entirely certain of the issue and would like to investigate further. If you wouldn’t mind providing us with a little more information like the link to the actual contact page, we’ll be happy to provide you with a response once we have a better understanding of the situation.

    For a more comprehensive guide about CF7 plugin, you can refer to this link: http://contactform7.com/getting-started-with-contact-form-7/

    Cheers!

    April 9, 2014 at 11:20 pm #31886

    mustafa o
    Participant
    This reply has been marked as private.
    April 10, 2014 at 12:23 am #31909

    Support
    Member

    Hey there!

    I’m not sure where this character “…” is coming from but if you add this on Customizer > Custom > CSS the button should show up.

    .x-btn, .button, [type="submit"] {
display: block;
}

    Please try to deactivate all plugins or review the form on CF7 plugin panel.

    April 10, 2014 at 1:01 am #31918

    mustafa o
    Participant

    Hi,

    Great, thanks, it worked 🙂
    I put actually the dots to see where the submit button is, because I had no idea it was misplaced or invisible.
    I do not know why this CSS workaround is required but at the end you saved my day, thanks !

    April 10, 2014 at 7:37 am #31992

    Support
    Member

    Hi Mustafa,

    Glad that it worked for you.

    That is required because there may be some conflict with some other CSS element and the code suggested above displays block of submit button with class button nested in class x-btn hope this helps you understand way better.

    Thanks

  • Author
    Posts