Donate form – name & address text boxes squashed

  • Resolved mikisdad

    (@mikisdad)


    9 years, 11 months ago

    I am using the “Give” plugin to accept donations
    All works fine except that the name and address fields of the donor appear at about half the height they should be.
    All other fields display at the correct size.
    Simply selecting the DONATE form, either from the front or back-end produces the same result.

    I am using Firefox 45.0.2 on a MacBook Pro (2011) OSX 10.11.4 El Kapitan
    The site is http://mkaff.net

    I have left the current form in place overnight in the hope that someone can suggest a fix. I do have an alternative plugin that displays fine – seamless donations but it doesn’t offer me an offline option which I need so I’d rather stay with Give if I can.

    I’m not a coder so if I’m asking something very stupid please don’t yell, just accept my apologies.

    I have tried uninstalling and re-installing the plugin. I have tried making a new form. As everything else and all other plugins with text boxes, including the rest of Give forms are displaying as they should, I find this somewhat puzzling.

    https://wordpress.org/plugins/give/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Matt Cromwell

    (@webdevmattcrom)

    9 years, 11 months ago

    Hi there,

    Firefox does have a weird bug which adds padding INSIDE the input element, and some themes don’t deal with that properly.

    To fix this you’ll want to add some custom CSS to your site. I’ll give you the snippet first, then I have a guide below on how to implement it safely and correctly:

    SNIPPET:

    #give_purchase_form_wrap input {
    height: 36px;
}

    GUIDE:
    If you need guidance implementing custom CSS on your site, we’ve written this guide for that purpose:
    https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/

    Let me know how that goes. Thanks!

    Thread Starter mikisdad

    (@mikisdad)

    9 years, 11 months ago

    Matt, thanks so much for responding to my request for assistance. Your advice was very clear and easy to follow, even for a non-coder such as myself. The guide, too, was very well written and I particularly liked that it gave the *why* of using the CSS, as well as the how.

    I tried uploading the recommended plugin and installed it but it didn’t appear in the menu – I think that may be because I am using a free version of the theme and its developer has locked up a number of featurs to encourage users to upgrade to the paid theme.

    I then used the jet-pack custom CSS and everything worked like a charm. You have made my day, mate and I really appreciate it. Thank you, again – have a great day, yourself.

    Plugin Contributor Devin Walker

    (@dlocc)

    9 years, 11 months ago

    Hey @mikisdad – I’m glad Matt was able to get you set up. If you’re happy with our support or plugin please consider rating it 5 stars: https://wordpress.org/support/view/plugin-reviews/give

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Donate form – name & address text boxes squashed’ is closed to new replies.