# Add a featured image

<figure><img src="https://1948373163-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LeL-FYaRUlvUn8HHUaD%2F-MSf3IDLLNQs4F8JawM8%2F-MSf3boDCrE1l9krz0sM%2FScreen%20Shot%202021-02-04%20at%201.20.16%20PM.png?alt=media&#x26;token=34393de9-069b-4ee7-908d-ce83baaa2bff" alt="Campaña featured content slider example"><figcaption><p>Campaña featured content slider example</p></figcaption></figure>

## Uploading a featured content slide:

{% hint style="info" %}
By default, the featured image has a white overlay on the left-hand side. You can remove this overlay by adding the word 'none' or to change this to a dark/black overlay you can add the word 'dark'.
{% endhint %}

1. Navigate to **Settings > Featured content sliders** on the back-end of any page in NationBuilder.&#x20;
   * You can also navigate to this section via the control panel shortcut when previewing the page. E.g.&#x20;

<figure><img src="https://1948373163-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LeL-FYaRUlvUn8HHUaD%2F-LjoSRxE8nMrAEpg9SKh%2F-LjoTjZr71nZQ29sxI9o%2Fb2R5yUCA4u.gif?alt=media&#x26;token=7918ebfa-7035-40b8-b7c6-51cca3c51860" alt="Control Panel Shortcut Preview"><figcaption><p>Control Panel Shortcut Preview</p></figcaption></figure>

2. To add a new featured content slide, start by filling out the form.
   * For a single headline, enter one line of text in the headline field.
   * For a **Heading** and **Subheading**, input your headline and subheading in the headline field, separated by a vertical pipe "|". (E.g. "Heading Text | Subheading Text")
   * To display a button/link to a specific page on your site input the slug of a page in the **page to feature** field. If you do not want to showcase another page/link you can input the current pages slug.&#x20;

{% hint style="info" %}
More than one **Featured content slider** in the same page will create a slider of images or carousel, instead of a one static image. More than one image in a same slider will require standarized image sizes or images with the same proportions.
{% endhint %}

<figure><img src="https://1948373163-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LeL-FYaRUlvUn8HHUaD%2F-LhedYWOXRRJGLooPW_6%2F-Lhf0BGq-OSb20MwYCAn%2FNB_featured_slider.jpg?alt=media&#x26;token=d1aaee5a-0684-4d6d-b7b7-483c1aaddbb7" alt="Navigating to the featured content slider of a page"><figcaption><p>Navigating to the featured content slider of a page</p></figcaption></figure>

### Adding a featured content slider to a donation v2 page

{% hint style="info" %}
There is no Featured Content Sliders tab in the page settings of donation v2 pages. It is still possible to add a featured content slider to these pages, by following the steps below.
{% endhint %}

1. Navigate to the your nations donation page's settings.&#x20;
2. Note that this will take you to a url that looks something like: <https://your-nation.nationbuilder.com/admin/sites/184/pages/10287/**edit>\*\*
3. Replace the *edit* at the end of the url noted in step 2 with *features. E.g.* <https://your-nation.nationbuilder.com/admin/sites/184/pages/10287/**features>\*\*
4. This will take you to the Featured Content Slider settings for your donation page.&#x20;
5. Follow the steps outlined in [#uploading-a-featured-content-slide](#uploading-a-featured-content-slide "mention")
