Configure featured content sliders

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.


1. To include a featured content slider, go to your control panel to Website > [Select site] > Pages and click on the edit icon_edit.png icon next to the page you wish to configure.

slider_website_edit.png

2. Go to Settings > Featured content sliders.

fcs_settings.png

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.

fcs_deets.png

4. Now, select an image to upload from your computer by clicking on the "Choose file" button.

 fcs_upload.png

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

Learn more about our public themes.

5. You can then choose to publish the slider from the Status dropdown menu.

slider_status.png

6. Click on thefcs_save.pngbutton to save.

You can always go back and edit an existing slider by clicking on the edit icon_edit.png 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.

fcs_edit.png 

Lastly, you can move a slider from one page to another. Click on the edit icon_edit.png 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.

fcs_move.png

If you’re unclear on how this feature works, please ask a question. If you would like to see changes to this feature, please submit a suggestion.