How to upgrade your theme for Donation (v2) pages

Along with our new integrated payment processor, we designed a new donation page type that allows for collecting one-time and recurring payments on a single page. It also comes with an updated look that is optimized for desktop and mobile.

However, if you customized a NationBuilder theme prior to January 25, 2018, you may not have gotten the styling required for this new page type to display properly. In order to manually update your theme to include the latest styles, you need to do the following:

Find your website's theme.scss file.

  1. In the control panel, go to Website and select the site you wish to modify.
  2. Click on the Theme section of the site.
  3. Click on theme.scss at the top of the Templates listing.

If you are using our Dropbox integration to edit your theme, you will need to locate the theme.scss file within your theme’s local nb_sync folder.

Below is a list of links to updates to each theme. Follow the link associated with the public theme used as the base of your theme, or Bootstrap.  This will lead you to Github, an online code repository. Copy code from the page and paste it at the bottom of your theme.scss file. After previewing the changes, publish theme.scss and your new donation page should updated with styles.

Links to files:

Aware

Action

Bootstrap Framework

Cityzen

Collective

Headliner

Presence

Publish

Verve

Victory Again

**For guidance on styling any of the payment fields within a Donation (v2) page, be sure to take a look at this tutorial on how to style payment fields.  


 

If you’re unclear on how this feature works, please ask a question. If you would like to see changes to this feature, please submit a suggestion.