Change Width of Online Giving Form
The width of the online giving form is not an editable feature. If you are using a standard online giving form on NXT, you are unable to change the pixel size/width of the entire giving form. So you cannot make it fit as custom as necessary in the third party websites that use the embed code. It would be nice to adjust the width/pixels of the form so it can fit anywhere needed on the website.
-
Guest
- Apr 17 2025
- Reviewed: Voting Open
My apologies, but after further research I did find we do cap the width at 600px. There is some code you can put in your css to override this:
This one will override any form on the page:
.blackbaud-donation-form{max-width:100% !important}
or you can limit to just an individual form by:
#form_formid {max-width:100% !important}
Here's an example with the form id, which can be found in the embed script of your form or by opening the hosted form in browser tab and looking at the url.
#form_cf3cd16a-c1e8-4eac-945b-b16aa59a3b70 {max-width:100% !important}
Hello, thanks for your idea submission!
I checked with the developers and the standard form is built to automatically expand to the width of the container its placed in within your website code. If you are seeing something else, please submit a case to Blackbaud Support and we can take a closer look.