Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #26092

    I purchased a prayer request plugin that renders perfectly when used with other themes. With the Enfold theme, however, the lower portion of the form is chopped off. Please see the following page: http://www.gatewaychurchtest.net/prayer-engine/ In order to see the affect, you must press the “Submit Prayer Request” button. The form appears with the lower part missing. Again, the pluggin works fine with other themes. How can I reduce excess white space, line spacing, padding, etc. so that the rest of the form renders properly?

    #129275

    Hey!

    Please try to insert following css code into the quick css field

    #pe-submit-area {
    height: 47px;
    }

    Best regards,

    Peter

    #129276

    Thanks for the tip but it doesn’t change the page. The textboxes are too tall and there is too much vertical space between textbox elements. It renders perfectly with other themes but Enfold is perfect for us in every other way. How do I make this form work with the Enfold theme?

    The page in question (after clicking the ‘share your prayer request’ button is: http://www.gatewaychurchtest.net/prayer-engine/

    #129277

    Try following css code

    #top #pe-container .input-text, #top input[type="text"], #top #pe-container input[type="input"], #top #pe-container input[type="password"], #top #pe-container input[type="email"], #top #pe-container input[type="number"], #top #pe-container input[type="url"], #top #pe-container input[type="tel"], #top #pe-container input[type="search"], #top #pe-container  textarea, #top #pe-container select {
    padding: 4px 6px;
    margin-bottom: 5px;
    }

    #129278

    Your last response certainly reduces the white space but the primary problem remains – the last line of the form which includes the Submit button is chopped off. How can I either increase the height of the form or raise the starting point of the form?

    Thanks very much for your continued support.

    #129279

    Hi jjranson,

    You can increase the height of the submit button with:

    #pe-submit-area {
    height: 45px !important;
    }

    Regards,

    Devin

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

The topic ‘How to Remove White Space on Forms’ is closed to new replies.