Blackbaud Online Express allows users with little online experience to easily create unlimited donation forms and load them onto their existing website. Existing websites have their own CSS which can sometimes cause design discrepancies with the existing Online Express form.
Online Express form appears correctly in preview, but appears differently on website. Online Express form not aligned correctly on website. Online Express colors and fonts not correct on website but look right in preview.
Follow the step-by-step instructions to design donation forms in Online Express. Then, copy and paste the html code into your existing website.
In most cases, the donation form will adopt the styling from the website. However, there are occasions that the CSS of the existing site will render the colors, font, styles, etc differently than how you built the form in Online Express.
NOTE: If changes to a Blackbaud Online Express form display correctly in 'preview mode', and do not display correctly when published to a 3rd party web page, this means that the existing CSS is overriding the Online Express form. These coding issues will need to be addressed in the existing websites' CSS by the organization.
Blackbaud cannot assist with troubleshooting a specific CSS or website of an Organization.