# New Teal Design

A new form design has been created. An example form (opens new window) with the new design enabled.

# How to Enable

To enable a new design:

  • Edit the donation form in Luminate
  • Edit the first HTML caption on the form
  • Add the following code into the caption [[U0:donationFormDesign=teal]]
  • Add the following three resuables at the end of the caption
    [[S51:reus_donation__intro]]  
    [[S51:reus_donation__stats]]  
    [[S51:reus_donation__trust]]
    

# How to Customize

If you would like a form to have a slightly different section

  • Copy a PageBuilder page with an existing section
  • Give it a new name that starts with the original, ex: reus_donation__intro_christmas
  • Update the content with a new desired content
  • Edit the donaion form
  • Update the first HTML caption, replace the old default PageBuilder page with a new one; example
    [[S51:reus_donation__intro_christmas]]  
    [[S51:reus_donation__stats]]  
    [[S51:reus_donation__trust]]
    

Note: Each section must contain the class denoting it functionality, namely:

  • section--donation-intro
  • section--donation-trust
  • section--donation-stats

These classes will be used to properly position content sections on the page.