Thanks for the comments on this! I know the seemingly easy answer is to allow the form to scrape from the page's stylesheets; however, our security team is set on our current iframe implementation and a strong security stance with that iframe being essentially a black box. Unfortunately, any additional customization is going to come from additional styling options being added for you to configure.

Here's what I've gleaned from your comments that could potentially be added:
-Additional font selections
-Button styling / border styling
-Set Font sizes to match mobile breakpoints
-Form alignment

I've reached out to Helen separately on the discrepancy she's seeing with the Consent and Gift Aid components.

If there are other specific things you'd like styling control over, please continue to add them, as well as any specific fonts you are looking for!

To add - currently the formatting that is allowed doesn't even apply to all the modules you can insert - my font of choice does not extend to the Communication Preferences options, for example, and the line spacing is different on different modules. (Gift Aid compared to Communication Preferences.) I have to either choose Blackbaud's font, which is not on brand for us, or have a form that looks poorly put together and unprofessional. Allowing further customisation would fix these basic issues.

This would be a helpful feature for bringing the visual design inline with the rest of the website. If the form is embedded on a page, we could match the website fonts, or leverage some of the CSS variables we are using across the website. This could include responsive font sizes based on screen size, or matching the rounded corners to the button styles we're using everywhere else on the website.

Seconding what Kipp is saying. I know this is an advanced user feature, but it's a very simple feature to implement.

Hope to see this on the roadmap soon.

Yes - to add to this thread - ability to embed custom css at the top of the form or allow a reference to an external css file would be beneficial.

Use Case - The NXT form has fundamental styling - however - need to extend that styling to have the form align with site and brand style of the company/organization - font align with site fonts, buttons look like site defined buttons, color scheme match custom colors of the site, ...

If we could use the functionality of the form but be able to use CSS and Javascript to customize the look and feel to our brand standards this would be a game changer for us being able to use the forms.

Adding an additional idea for online event registrations for a student in a BBU class

Thank you for submitting your idea!

Can you give me some examples of the types of things you are looking to customize with CSS and javascript?

Samantha McGuin
Principal Product Manager