Skip to content
English
Submit a Support Request
  • There are no suggestions because the search field is empty.

Custom CSS and Giving Forms

Take full control over the appearance of your forms.

Custom CSS gives you full control over the appearance of your iDonate Giving Forms and Hosted Pages. With custom styling you can tailor these experiences so they align precisely with your organization’s branding and visual goals, creating seamless integration with your broader web presence.

iDonate’s platform supports custom styling on both:

  1. Giving Forms: The embedded or standalone forms donors use to make a gift; and
  2. Hosted Pages: Full pages hosted by iDonate that include your Giving Form plus additional surrounding content.

By adding custom CSS rules, you can adjust spacing, color, typography, visibility, layout, and many other visual properties of form elements or page components. Refer to the CSS Quick Reference to learn more.

Custom Content and Pasted Text

When CSS is copied from another source, such as a web page, documentation site, or text editor, it may include hidden styling or <style> tags. Pasting this content directly into the Custom CSS editor can trigger a validation error and prevent the page from being published, typically displaying the message: Validation failed: html cannot contain <style> tag.

To avoid this issue, always paste CSS as plain text so that only the raw code is inserted.

  1. On Mac OSX, use the keyboard shortcut or menu
    1. Press Option+Shift+Command+V or
    2. Go to the Edit menu and select Paste and Match Style
  2. On Windows, use the keyboard shortcut or menu
    1. Press Ctrl+Shift+V
    2. Righ Click and then click Paste as plain text.