Hi, @neyarprod.
Glad you reached out. I can help you
What happens is that the height of the GiveWP donation form is automatically adjusted. However, the popup system you’re using doesn’t recognize this adjustment. As a result, whenever the form loads, your popup doesn’t understand that it needs to update its height.
Instead of using a popup, you can use a shortcode with the attribute display="modal". Here’s an example:
[give_form id="98" display_style="modal"]
This will generate a button, and when someone clicks it, the form you want will open in a modal popup.
You can read more about the documentation for this shortcode here: https://givewp.com/documentation/core/shortcodes/give_form/.
Feel free to contact us if you have more questions or need further assistance. We’re happy to help!
Hello, thanks for your answer, how can i add some style to the button and change the color etc please?
Hi, @neyarprod.
To customize GiveWP with your own CSS, it’s necessary to identify the IDs, classes, and HTML tags used by it to create your custom code. The easiest way to do so is by having a website running GiveWP and pages with content, like donation forms, donation history page, subscription management page, the donor dashboard, and others.
Then, you can use different tools to customize the CSS code. For that reason, we created a document that explains how to do it. Check it out here.
Feel free to reach out to us if you have any further inquiries or require additional assistance. We’re always happy to help!
