How do I include images on my NationBuilder page?
A:
In order to place images on any NationBuilder page you must first upload them to the page (this also applies to email blasts). From the Settings tab or the Content tab for that page in the control panel go to 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; you do this in your content editor, so go back to the content tab (or corresponding tab that brings you to the page's content editor). On your content editor's toolbar you're going to click on the Insert edit/image button, the button which looks like a window with a green plus sign in the bottom right hand corner. When you do this, 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.

You can add an image description, which helps with search engine optimization. Also, there are lots a fields for adjusting how your image looks on the page. When you are ready click insert. You can always resize your image in the content editor too.
Jesse Haff commented
2012-04-05 09:05:02 -0700
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.
Ron Varasteh commented
2012-04-05 02:20:04 -0700
It says, above, that you can resize your image in the content editor. How?
Donald Darnell commented
2011-10-19 11:13:59 -0700
Excellent. Thank you, Jesse!
Jesse Haff commented
2011-10-19 09:37:18 -0700
To add an image, 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.
Donald Darnell commented
2011-10-19 08:52:15 -0700
Thanks, Jesse. That makes sense, but HTML is rather a new language for me, and I don’t know how to reference, for example, an uploaded image file. Can you give me a little more guidance (or just a sample line of HTML)?
Jesse Haff commented
2011-10-19 08:43:32 -0700
Donald: To add an image or video to the top of your blog (above all blog posts), edit your blog page and click the Template button. Then simply add the HTML for your image or video right after div id=“content”.
Donald Darnell commented
2011-10-19 08:30:37 -0700
Your Content area makes it super-easy to add images, vimeo, etc. But there is no content area for the blog page. Can you recommend a way to put an image or video at the top of a blog page (not in an individual blog)?
Tim Wayne commented
2011-09-12 15:46:05 -0700
It would be great if this box included a field for a caption. It would also be nice if it included a way to link the image to a higher resolution version of the image (like in WordPress).