Featured content sliders are moving image displays that NationBuilder allows you to set up on most pages of your website, although most people use it on the homepage. The images on your featured content slider will be links to different pages on your website.
To configure a featured content slider, click Pages and then Edit next to the page you wish to install it on. Then click Settings > Featured Content Slider.
You add one image at a time. You need to have more than one image for the slider to activate and for the label/call to action to appear. Choose a label for your image and enter the slug of the page on your website which you want your image to link to (the label text will link to the slide, not the page). The action text you specify will be overlayed on top of the image and clickable. Now select an image to upload from your computer by clicking on Choose File.
Images look best when they span the width of your left column, so an image size of 660px by 250px usually works well. In some themes, such as Revolution and Victory, the image slider spans the entire page width, in which case you'd want an image size of about 960px by 250px. Make sure all your images are exactly the same size so they cleanly slide into each other. If you don't have an application to resize images, you can use free online tools such as picresize.com. The recommended size for featured content sliders in Busy Biz, Civitas, and Victory theme can be found in our public theme guidelines.
You can then select to publish your slider and click on Save featured content slider to save. You can always go back and edit an existing slider. Now you are ready to add more sliders to your display; do this by taking the same steps you did to create the first one. You can re-order the slides simply by dragging and dropping them into place. We recommend 3-5 sliders to avoid crowding.
You can easily move a slider from one page to any other page. Just click “Edit” next to the slider you wish to move, and enter the page slug you wish to move it to under “Move to another page.”
Watch this video for more on adding Featured Content Sliders to your website.
Ian Patrick Hines commented 2013-11-15 13:44:25 -0800Hey David — You can have the slider link to a redirect page, which would achieve the same effect.
David Kalal commented 2013-11-15 13:11:18 -0800can a featured content slide link off site ? We’d like to drive to our Buy for Good Page to increase traffic and income
Veronica German tagged this with Not helpful 2013-10-30 07:41:33 -0700
Ricardo Garcia commented 2013-10-27 08:03:48 -0700I agree with Rick – Suggestion – It would be great if we could have a speed adjustment for the content slider.
Also, my slider navigation arrows are not working.
Rick Zaleski commented 2013-08-21 09:33:44 -0700Suggestion – It would be great if we could have a speed adjustment for the content slider.
Ian Patrick Hines commented 2013-07-09 08:53:40 -0700Joe — We have documented the proper featured content slider dimensions on our Theme Gallery: http://nationbuilder.com/theme_gallery
For your particular case, it looks like you’re using our Victory theme. You can find the documentation for that theme here: http://nationbuilder.com/public_theme_guidelines#victory
Joe Pool commented 2013-07-08 15:14:44 -0700after trying 960×200 and 960×150 and 960×180..the top of the slider image still overlays into the top of the website and does not adjust. Can you advise what the perfect setting is for the image size?
Ian Patrick Hines commented 2013-06-26 14:22:20 -0700Eva — That behavior (and, indeed, whether the sliders have tabs at all) varies by theme. But broadly speaking it would be possible to change the functionality of those tabs by creating a custom theme and editing the _features.html template directly.
You can learn more about creating custom themes here: http://nationbuilder.com/theme_documentation
Eva Kalikoff commented 2013-06-26 13:22:36 -0700Question: When you click the tab at the bottom of the slider, it takes you to the image but not the link that it leads to. Is there anyway to hyperlink the actual tab?