Support » Plugin: GiveWP - Donation Plugin and Fundraising Platform » State and Country dropdowns suddenly not working

  • Resolved laneboyd

    (@laneboyd)


    Our GiveWP donation form has been working great over the past week or so since we went live, but suddenly this morning — after successfully receiving another donation — the State and Country dropdowns have stopped working for all browsers, and one person noted the error “We’re unable to recognize this session.” I don’t know if the two different issues (dropdowns and session recognition) are related, but at the moment our form is completely unusable.

    Any hints on what might be happening? Our WordPress site is hosted by GoDaddy, so it shouldn’t be a bandwidth issue.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi there,

    It appears the styles that are loaded by your theme is causing these fields to be smaller than intended with floating labels, and making the select element very small.

    Here’s some CSS that should fix this:

    .give-fl-wrap-select .give-fl-wrap {
        height: inherit !important;
    }

    If you need assistance implementing custom CSS on your WordPress website, we have this guide for you:
    https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/

    This is a quick fix for this issue, and I would recommend you speak to whoever developed the theme to get this added permanently in your style.css file.

    Thank you, Sam. I added the CSS to the Form and the referencing page, and that did make it easier to find the sweet-spot for opening the drop-downs, it didn’t actually increase the size of the drop-down fields, so you can’t see that anything has been selected.

    Maybe there’s an additional class that needs to be included in this snippet?

    Sam, any further thoughts here? It’s imperative that I push another marketing email for toward this form and I’m feeling a bit desperate.

    I’m using the “WP Add Custom CSS” plugin to add the custom CSS, and it works just fine for other styling, but the offered code above is not fixing the size of the drop-down input fields.

    I think I’ve tried adding to the CSS snippet every .class associated with those drop-down fields and nothing is working.

    Thoughts?

    • This reply was modified 5 months, 1 week ago by laneboyd.

    Hi there,

    I took a look at the form again, and it appears you got to the bottom of the padding issue, as I could see the selected option.

    Let me know if you’re still having issues, and I’ll be happy to help.

    Thanks.

    Sam, thanks for the follow-up. As suggested, I reached out to the skin developer and they provided a code snippet that alleviated the problem. All good since then!

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.