If you have questions related to your NationBuilder website, this is the place. Those who share the same question, or have answers and insight into a question are strongly encouraged to share your input.
Didn't find what you're looking for using the search box above? Ask a question.
How to add upcoming events to sidebar supporter nag?
I am trying to add our upcoming events to the sidebar supporter nav. I have tried different ways from previous questions. I must be doing something wrong. Maybe someone can point me in the right direction?
Background Image for Victory Theme
what is the pixel size and dpi resolution for a background image using the victory theme?
That's a great question but, unfortunately, there's no simple answer. The best size and resolution for your background image depends not on your theme, but on the screen resolution of your visitors' devices and your design goals.
For example, you may have a single, large background image (ex: a picture) or a small, quick-downloading tiled background.
Your best bet is to experiment with different options until you find the one that works best for you.
Map View doesn't work without a complete address
I'm looking at a state map for clusters of volunteers, but many pins don't show up 'cuz they don't have complete addresses. The pins should show up when they have city, state and zip!!!
When mapping a Custom List in Map View, you have total control over the minimum level of accuracy necessary to map a record using the dropdown menu just below the map. Specifically, you can "require primary address accuracy to be at least:"
- Exact Address;
- Zip;
- City;
- State; or
- Country.

Multiple names for RSVP's for events
We have a number of fundraising events that we will be doing that we will be charging per couple. Is there a way to capture both names so the we can print a list, and possible name tags?
While it's possible to configure an event page to allow people to register that they are bringing guests (see screenshot below), it's not possible to collect personal data on two individual RSVPs at once.

If it's imperative that you collect all the signup information for both attendees, your best bet would be to turn off "Allow guests" and ask them each to sign up independently.
Another option would be to personally follow up with each RSVP who indicated that they'd bring a guest and manually enter their "+1" into your nation as an RSVP.
How do I remove the gradient from all buttons in my nation?
That is, we want to make the buttons matte, no gradient.
I tried to change theme.css by customizing fancy-buttons (below) but I can't seem to get rid of the gradient.
.submit-button, .submit_link a {
@include fancy-button-structure(14px, 3px, 1px);
@include fancy-button-colors($theme_color_1, darken($theme_color_1, 5), darken($theme_color_1, 10));
&:hover { text-decoration: none; color: white; } }
.submit-button-huge, .submit_link_huge a {
@include fancy-button-structure(1.3em, 3px, 1px);
@include fancy-button-colors($theme_color_1, darken($theme_color_1, 5), darken($theme_color_1, 10));
width: 100%;
padding-right: 0px;
padding-left: 0px;
text-align: center;
line-height: 2.4em;
&:hover { text-decoration: none; color: white; } }
Am I going about this the wrong way?
How can I get the same sub page to appear in more than one navigation drop down menu?
I have a calendar as a subpage under my "Act" page, therefore the calendar appears in the "Act" page nav menu.
I want the same calendar to also appear under the "Find" page nav menu.
In other words I want the calendar sub page to also be a sub page of the "Find" page, so it appears in the nav menu twice.
Is this possible?
Update: I have setup a subpage under my "Find" page and selected it to be a redirection page and it redirects to the calendar subpage of "Act" page. Is this the best way to do this?
Dean, you got it - using a redirect for the other nav item is the right way to do this.
How to fix the Facebook Like Box width

A few days ago Facebook changed the minimum width of their like box to 292px. This has affected most sites on the web.
Because the sidebar on most of our public themes is smaller than this, the change caused the like box to stretch out of the container...and that just doesn't look good.
NationBuilder rolled out a special fix for all of our public themes, but those that have been customized need to take a few extra steps to get their Like box back to normal.
If you have a custom theme and have modified either _columns_2.html or _supporter_nav.html, you can apply the fix by wrapping the like box snippet in a div with a new class called "fb-like-box"

Sample Embed Code:
<div class="fb-like-box"><fb:like-box href="{{ site.broadcaster.facebook_page_profile_url }}" width="240" show_faces="true" stream="false" header="false" colorscheme="{{ site.facebook_colorscheme }}"></fb:like-box> </div>
Custom Widths:
If you want a custom sized like box less than 292px wide, you can also wrap the embed code as shown above, but modify the width value to whatever you'd like both in the embed code, and by adding this class to the theme.scss:
.fb-like-box iframe { width: XXpx !important; }
You can also implement a different solution, like others mentioned here.
Remember: the FB like box needs to be updated in both the columns_2.html (view for logged out users) and the _supporter_nav.html (view for logged in users).
contribution rules
How can I change the text in the contribution rules located on the donar page.
The "contribution rules" text is configured nation-wide (in your Bank Account settings) rather than on a per-donation page basis.
To edit that text from within your nation, navigate to Settings > Bank Accounts > [Your Account] and you'll see the "Contribution rules" text area (pictured below).

How can I embed a tagboard on my website?
Tagboards are a fun, simple and engaging way to aggregate content from popular social networks. And what's more, they're super easy to embed on your NationBuilder website.
- If you haven't already, contact Tagboard about setting up your own moderated tagboard for the hashtag you'd like to aggregate.
- Once you're set up with your own moderated tagboard, you'll see a "Manage" button at the top right of the board.
- Click "Manage" and select "Embed Code".
- Copy that code exactly as it is shown.
- In your Control Panel, navigate to the page on which you'd like to embed your tagboard. (Note: for this FAQ we'll assume you're embedding on a Basic page.)
- Open the 'Template' tab on that page.
- Paste the embed code from Tagboard just below the {{ page.basic.content }} tag.
- Save and publish your template.
- View that page live on your website. Your tagboard is all set to go.
Note: While Tagboards work great on all of NationBuilder's public themes, they work especially well on the Version 2 Aware theme.
Suggestion Box modification?
I want to use the Suggestion Box page type as a public message board of community support. I need to change the default "Add your suggestion" to Add your message" in the subject line field. Any help with this is greatly appreciated.
Robert, here's a video to answer your question!
What do all the different icons in my Control Panel mean?
Full NationBuilder control panel icon legend.
How do I set it so I (or anyone) gets an email when someone new is assigned to us?
On each person's profile within the People tab of your Control Panel, there is a tab called 'Notifications.' Clicking it will reveal a menu like the one pictured below, which allows you to specify exactly what that individual person will be notified about via email.

In the image above, I've highlighted the relevant setting to control who is notified when someone is assigned (to them or to someone else, depending on which box(es) are checked); NationBuilder calls assignments "point person changes."
I deleted a blog but the posts are still showing up in the overall blog.
I have a few blogs on my Nation and all of the blogs are combined for the main blog. I tried to delete two of the blogs that I didn't need, but the posts remained published for some reason. Any help you can provide would be appreciated.
'Blog Post' pages and 'Blog' pages are two distinct and different page types:
- A 'Blog Post' page is an individual 'Blog Post'. It contains only one entry, but that entry can exist in multiple 'blogs'.
- A 'Blog' page is a single page that aggregates and displays multiple 'Blog Posts'. This can happen in one of two ways: (1) a 'Blog' page can display all of the 'Blog Posts' that are subpages of that 'Blog' page or (2) a 'Blog' page can display all 'Blog Posts' on the site (not just the ones under that blog).
Because 'Blog Posts' are unique pages unto themselves, marking their parent 'Blog' page as deleted won't remove them from your site — as they're still marked as published, individually. A 'Blog' on your site configured to show all blog posts on the site will, therefore, still show these individual 'Blog Posts' as published.
"Read More" button missing from Blog Posts
Hi Friends, Thanks again for the quick responses to questions! I was just taking a look at our blog page and noticed that our "Read More" buttons no longer appear for articles with after the flip sections. The blog page can be found here: http://www.prodane.org/blog Any idea how to fix this? Best, Matt
Hi Matthew --
That's a great question.
It appears that you're using our Civitas theme, which actually does not render a "read more" button for extended posts. Instead, Civitas truncates all blog posts to 30-words by default. To read the full post, visitors would click on the post's title.
If you'd like to modify the theme to include a "read more" button, you could create a custom theme with including code along these lines:
{% if post.blog_post.is_extended? }
<span class="read-more"><a href="{{ post.url }}">Read more</a></span>
{% endif }
-- Ian
Remove Amount Raised
I'd like to know how to remove the amount raised from my donation page. Thank you
The "amount raise" progress bar appears on your site whenever you have set a fundraising goal for that particular page in your Donation Settings.

To remove this goal, navigate to your donation page within you Control Panel. Then, open the Donation Settings tab. In your donation page's Donation Settings, ensure the "Goal for amount raised" field is set to "0.00", as pictured below. This will remove the "amount raised" progress bar from your public site.

Back dating posts
I would like to put a selected number of old blog posts on my site, but I would like them to have the date stamp of when I originally published them. How do I back date blog entries?
As noted in the comments, once a blog post is published you can edit its timestamp in the field pictured below.

Embedding Moot forums
I just came across a sweet little forums application called Moot. https://moot.it And would like to embed this in my site but I'm having problems getting it to work correctly. Apparently Moot is not in the already supported embed.ly list and I have not had great success trying to edit the "Template" code on a new Forums page I created. Has anyone else looked at Moot and had success embedding this in their NationBuilder site?
It is possible to embed Moot on a NationBuilder page, though the process for doing so is a bit more involved than with most other third-party services (in part because Moot's recommended process requires embedding multiple lines of code in multiple places). Following the steps below should get you all squared away:
Step 1: Create a new Custom Theme in your nation. When prompted, choose "Clone existing theme."

Step 2: Within your new Custom Theme, open the _layout.html file.

Step 3: Visit Moot's documentation on Embedding in a new browser tab or window.
Step 4: Copy the HTML code Moot specifies for inclusion in the <head> section of your website. Do not include the <head> and </head> tags, themselves — only the code between them.

Step 5: In your Custom Theme's _layout.html file (see Step 2), paste the code you copied in Step 4 on the line just prior to the </head> tag.

Step 6: In the code snippet that you just pasted into your _layout.html file, delete the following lines:

These lines of code are duplicative of code already rendered by NationBuilder, and leaving them in your theme may cause problems with rendering some parts of your theme (ex: dropdown menus, signup forms, etc.).
Step 7: Within your Control Panel, navigate to the page you plan to embed the forum. (For the sake of this FAQ, we'll assume this is a 'Basic' page.)
Step 8: On the page you navigated-to in Step 6, open the 'Template' tab.

Step 9: In a new browser tab, return to Moot's documentation on Embedding. In the section labeled "Forums", copy the code snippet pictured below.

Step 10: Return to the 'Template' tab you opened in Step 7. Paste the code you copied in Step 8 just below the {{ page.basic.content }} tag.

Note: Be sure to replace 'your_forumname' with the proper name for your forum.
Step 11: 'Save and Publish' your custom page-level Template.
Step 12: Look at the public facing site. Your forum should be ready to go!
Uploading images from computer
I am creating an event page for our website but I cannot upload an image/clipart/jpeg from my computer. You ask for a url. It's easy to add that feature. I am new to NationBuilder; I am most familiar with NGP, which I use for my congressional campaigns. They allow that feature, is it possible to enable upload from a computer?
Steve's comment (below) is correct. To upload images to a page in NationBuilder, you'll want to first open the "Files" tab. Upload the image there, and it'll be available to you in the content editor.
For more information, check out the FAQ: How do I include images on my NationBuilder page?
Customizing the "Thank you for Contributing" box.
i have successfully customized a theme for a client that is black, grey and white based, but when someone contributes, the thank you box that comes up is green. I could not find it in the template boxes nor a matching green in the stylesheet. Can you point me in the right direction or give me the styles used so i can update them in the stylesheet? Thanks!
Hi Rick -- You can override any style on your nation's public website by:
- "Inspecting the element" you'd like to modify;
- Identifying the relevant CSS style you need to modify; and
- Identifying the relevant CSS class to which that style is applied.

Once you've done that, you can add your own custom CSS to your nation's theme.scss file.
Why do page URLs show user ID vs user user NAME?
Hi, I have a page that uses a user ID instead of their name in the URL... we want the user name in the URL instead because it's much less cryptic. Why does this happen, how do we fix it, how do we prevent it from happening in the future? The page is at http://www.thislearning.com/2088/crayola_experience_easton_pa The settings for that page also shows it was submitted by a user, and correctly includes their user name there (just not in the actual page URL). Screenshot for settings:
Thx! KV
By default, user submitted pages include the NationBuilder Signup ID of the supporter that submitted the page. If the supporter has specified a 'slug' for their Public Profile it will appear in the URL instead of their Signup ID.

Note: Public Profile slugs are automatically set to match a signup's Twitter Username, if one is present in their profile.
