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 sliders can be linked to different pages of your website.
Create a featured content slider
1. Go to your control panel to Website > [Select site] > Pages and click on the pencil icon next to the page you wish to configure.
2. Go to Settings > Featured content sliders.
3. You add one image at a time. In order to activate the slider, you need to have more than one image. First, you are required to include a label to help you identify the slider. If you want to include a call-to-action, enter the text in the "Headline/Action text" field and it will be overlaid on top of the image and is clickable. You are also required to enter the slug of a page on your website you want your image and action text to link to.
4. Now, select an image to upload from your computer by clicking on the Choose file button.
You will want to use images which are a certain size or aspect ratio depending on the theme you are using, and you want to make sure all your images are exactly the same dimensions. Recommended image sizes for NationBuilder public themes:
Aware: Recommended to be at 1026x250px
CityZen: At least 1080px wide, with an aspect ratio of about 3:1 (e.g. an image that is 1080px wide should be 360px in height)
Collective: At least 1024px wide, with an aspect ratio of about 3:1 (e.g. an image that is 1024px wide should be 340 px in height)
Headliner: At least 1024px wide, with an aspect ratio of about 16:9 (e.g. an image that is 1024px wide should be 576px in height)
Presence: At least 1024px wide, with an aspect ratio of about 3:1 (e.g. an image that is 1024px wide image should be 340px in height).
Publish: Recommended to be at 1026×455px
Verve: Recommended to be at 1170×700px
Victory Again: Recommended to be at 1026×460px
5. You can then choose to publish the slider from the Status dropdown menu.
6. Click on the Save featured content sliderbutton to save.
You can always go back and edit an existing slider by clicking on the pencil icon next to the slider label. If you are ready to add more sliders, repeat the steps from above. You can also reorder featured content sliders by simply dragging and dropping them into place.
Lastly, you can move a slider from one page to another. Click on the pencil icon next to the slider you wish to move, and enter the page slug you wish to move it to in the “Move to another page” field.