submit button bottom margin

  • Ok about to give up on this plugin. Many hours no answers or documentation. 5 stars feedback very unlikely.

    Problem has been all day trying to format bottom of form.
    With submit button at 100% there is a gap caused by the ajax image that makes the gap 16px too large. Now when the page loads it displays and then jumps as it adds the 16px. Look at the site to see.

    This is new behavior. So I have deleted both plugins and reinstalled. Turns out deleting the plugin will not delete the settings so the problem will not go away.

    Two questions.

    How do I completely delete all traces of this plugin and contact form 7 so I can reinstall clean?
    How do I resolve this issue with the ajax image? I do not want big ugly spaces under submit button.

    Some documentation on how to center the submit button and make it an image would be helpful too.

    I am happy to pay for plugins that work, recommend plugins that work. This one has lots of promise but as it stands it is a complete waste of time.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Lehel Szilard Marosi

    (@mlehelsz)

    Greetings,

    First of all we apologize for the late answer. I have read the problem on your form, and saw the result on your website.

    As a quick solution I would recommend you to do the following:
    Step 1: Go to the Dashboard, navigate till Contact Style and there is a field with the “CSS Editor” title, which should look like : https://ps.w.org/contact-form-7-style/trunk/screenshot-6.jpg?rev=1699434 .
    Step 2: Add the following code to fix your problem:

    
#content .cf7-style-270 p:last-of-type {
   margin-bottom: 0;
}
#content .cf7-style-270 .ajax-loader {
   height: 0;
}
#content .cf7-style-270 .ajax-loader.is-active {
   height: 16px;
}

    Step 3: Hit Save CSS, and check on your page for the result.

    Notice: You must have the current style activated or it won’t work. If you activate another style please change the number to the activated style ID number. For example:

    You activate Contact Style #355 then your class will be “.cf7-style-355” . This number can be read from the URL of the edited style where post=355 in our current setup.

    Waiting for your response,
    Lehel

Viewing 1 replies (of 1 total)
  • The topic ‘submit button bottom margin’ is closed to new replies.