In order to place images on any NationBuilder page you must first upload them to the page (this also applies to email blasts). Go to the page you want to add the image to and click on the files tab. Any files tab in NationBuilder allows you to upload images from your computer directly to that NationBuilder page or email blast.
Once you've done this you still have to place the images where you want them on the page. Go to the content tab and click on the Insert/edit image button which looks like a picture of a tree. You'll get a insert/edit image pop-up on your screen. The second field down is Image list; from here you'll be able to choose from any images that you uploaded in the files tab for this particular page only.
Ideally you should make the image the size you want it prior to uploading it. But when you click the insert/edit image icon on the content editor toolbar, you can also resize it by changing the dimensions.
The vertical and horizontal space is the amount of space (measured in pixels) you want between the image and anything else on the page. This is usually used to provide space between text in a surrounding article and an image.
To add an image or video to the top of your blog (above all blog posts), click on the files button while editing the blog page and upload your image. Next, click on Template, and under <div id=“content”>, add <div class=“padbottommore”><img src=“filename.jpg” /></div>. That will add a little padding underneath the image and your first blog post as well. To add a video, you can just grab the embed code that YouTube or Vimeo gives you and paste it in the same area.
In this clip from NationBuilder Live, VP of Community Adriel Hampton walks through the Australian Road Trip to End Poverty website to show how the combination of compelling images and a clear call to action encourage engagement.
Sarah Fishman tagged this with Helpful 2013-09-21 13:12:03 -0700
Ian Hines commented 2013-09-05 12:10:27 -0700Hey Nancy — Very sorry for the trouble. We had a temporary error that was preventing some customers from uploading file over the past few days. It’s since been fixed, and you should be all set now.
If you have any further troubles, feel free to email us at email@example.com.
Nancy Woodward commented 2013-09-04 09:47:17 -0700I have been able to upload images to the files folder in the past without a problem, but today I keep getting a http 401 error message every time I try to upload any images into my files for my different pages on my website…why is this happening?
Ian Hines commented 2013-06-27 09:30:49 -0700Anthony — Try setting the width of your image to “100%” and leave the “height” field blank. This will instruct your image to expand to 100% of the width of the column that it’s in, while allowing the height of the image to remain proportional.
Anthony Byrne commented 2013-06-26 18:30:19 -0700Hi when I upload an image to a page I want to create, it either gets distorted or is scaled smaller than I had created it. Is there an optimal image size to add to pages (blogs for instance)? Also any time I use the resize option to scale images they stretch and distort. Thanks
Ian Hines commented 2013-05-15 09:22:27 -0700Hey Nathan — The ‘Upload Files’ button uses Flash. Does your browser have Flash enabled?
If it does — and you’re still having difficulty — feel free to email me at firstname.lastname@example.org and I’d be happy to help you troubleshoot and resolve the issue.
Nathan Hemenway commented 2013-05-14 16:56:33 -0700Yes, but on all my pages that have “Upload Files” – the button is actually not functional.