Transparent Checkout background in iframe?

Question

Apologies if this has been asked elsewhere.

I see that we can provide basic color theme settings to blackbaud checkout. But when I call it from a custom giving form in my app, it launches a full window iframe that is solid white, and I can't figure out how to make this experience more integrated (such as a transparent background as featured in the screenshot from the docs page).

Is it possible? is it just demoing the 'optimized giving forms'…?

Allan Delmare · Answer

Thanks all, I resolved this — there was a global styling conflict with the Mantine UI library. I overhauled to ShadCN / tailwind and that resolved it right away.

…now lots of styling to fix :D

Alex Wong · Answer

if you are familiar with webdev, or your org has someone who is, have them take a look at the developer tool in a browser and see what styling (blackbaud styling or your website styling) code is affecting the "white" area

Allan Delmare · Answer

I'll keep digging and report back. Thanks!