Classic Form Customizations

  • Resolved dmarin

    (@dmarin)


    2 years, 4 months ago

    Hi there!

    I need some help with Classic Form customization, but do not find solutions in the GiveWP documentation.

    1. Can donation amount button colors be inversed? You see it would make more sense to make the actual choice dark and other choices white … so, how can I do that?
    2. Currently there are 4 choices for donation amount including user’s custom amount (poljubno). Can those buttons be 2 in a row, so that it shows nicer? or maybe all in a row? Also, can there be a tooltip hint text over custom amount button, too?
    3. Some fields like Titles do not take HTML code (for example <br> for new line or for bold text), and some fields do (some description fields). How can I make some text bold or new line break if it does not take HTML code?
    4. Terms and conditions (Pogoji) – the title for it is too close to the payment details for Stripe and Paypal! How can we add some space above that title on the form?
    5. Is it possible to integrate optin button for Mailerlite newsletter for the Donors that make a donation?

    Please let me know how I can customize these options.
    Thanks!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter dmarin

    (@dmarin)

    One more thing: now that we are testing LIVE form, PayPal button does not work, neither does Offline donation. Why would that be and how can we make sure that the LIVE form actually works?

    Plugin Support Rick Alday

    (@mrdaro)

    Hi,

    Happy to clarify.

    You can do a certain amount of customization using CSS.
    While we can’t give you some copy/paste code, if you’re familiar with the browser inspctor tool and basic CSS knowledge, you should be to do this.

    The multi-step and Classic donation form and the donor dashboard load in an iframe, to make them more resistant to changes made in the theme’s CSS. That’s helpful for avoiding theme conflicts, but makes customizing the style of them a bit more difficult. There are two PHP code snippets in our Snippet library that will help with that process.

    The first is for small changes, and adds some style inline to the donor dashboard or the multi-step donation form: https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/style-givewp-iframes.php

    On the above snippet you have to change line 14 to ‘give-classic-template’ for the Classic template.

    The other is for enqueueing your own CSS completely via a custom stylesheet: https://github.com/impress-org/givewp-snippet-library/blob/master/form-customizations/css-customizations/enqueue-style-for-givewp-iframes.php

    If you need assistance implementing custom PHP code on your website we have this guide:
    https://givewp.com/documentation/resources/adding-custom-functions-to-your-wordpress-website/

    Please note that this code snippet is provided as an example of how you can extend GiveWP with code. It’s up to you to implement and customize to your liking. We cannot provide support for custom code on your website, only the code that we create and distribute.

    I also tested your form and the payment methods seem to work. You need to make sure that donors click that “agree to terms” check box as shown on this video: https://somup.com/c3iiDUujYi

    Thread Starter dmarin

    (@dmarin)

    Thank you very much for your help, Rick!

    Yes, it seems that forms are working just fine, thanks.
    As for customizations, I will have to look into that a bit closer and will report back if I have any other questions.

    Thanks, Danijel

    Thread Starter dmarin

    (@dmarin)

    Well, when I looked at your video, I saw that it works, but when I tried PayPal or Offline payment myself, it still does not work. I believe it is connected with Terms and Conditions, because the form works fine if I turn it off …

    So, what do you suggest I should do?
    Regards, Danijel

    Thread Starter dmarin

    (@dmarin)

    I resolved the problem … in the GiveWP Settings > General > Access Control > Enable Access was disabled … after I enabled that, it works fine. Thanks for your help.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Classic Form Customizations’ is closed to new replies.

Tags