# Footer Site Part

The *Footer* Site Part section of the Theme Builder lists all Footers you’ve created, if any, giving quick access to add, edit, or delete any footer.

{% embed url="<https://youtu.be/xa8DoR4tQrY>" %}

If no footers have been created yet, you will need to create one. Click **Add New** in the upper right corner of the Footer Site Part screen.

![](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=1024/help/wp-content/uploads/sites/14/2020/08/sitepart-footer-blank-1024x318.jpg)

Once you’ve created at least one footer, you will be able to manage them here.<br>

![](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=1024/help/wp-content/uploads/sites/14/2020/08/sitepart-footer-1024x314.jpg)

## Edit An Existing Footer’s Design

1. To edit an existing Footer, click the **Footer** label in the sidebar. This will open the Footer’s details dashboard.
2. Click the **Edit** link in the upper right corner of the specific Footer you wish to edit. This will open the Elementor editor for that Footer.

![](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=1024/help/wp-content/uploads/sites/14/2020/08/sitepart-footer-1-1024x314.jpg)

## Edit An Existing Footer’s Conditions

1. Click the **Edit Conditions** link in the bottom left corner of the Footer you wish to edit. This will directly open the *Display Conditions* editor for that Footer.

{% hint style="info" %}
**Note**: The *Dot Display* in the upper left corner of the Footer indicates which site parts are live (has *Display Conditions* assigned to it), and which are merely drafts (no *Display Conditions* have been assigned). A Green Dot indicates a *live* Footer, while a Gray Dot indicates a *draft* Footer.&#x20;
{% endhint %}

{% hint style="info" %}
**Note**: The *Instances* label in the lower left corner of the *Footer* displays the specific instances in which this template is being used on the site.&#x20;
{% endhint %}

## Export A Footer

1. Click the **Three Horizontal Dots** in the upper right of the Footer you wish to export.
2. Choose **Export** to open a Save dialog which will save a .json file to your computer.

![](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=1024/help/wp-content/uploads/sites/14/2020/08/renamedelete-1.jpg)

## Delete A Footer

1. Click the **Three Horizontal Dots** in the upper right of the Footer you wish to delete.&#x20;
2. Choose **Delete** which will open a *Delete Part* confirmation dialog box.&#x20;
3. Click **Cancel** if you change your mind and decide you don’t want to delete the Footer, or click **Delete** to confirm that you do wish to delete this Footer.

![](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=1024/help/wp-content/uploads/sites/14/2020/08/sitepart-delete-2.jpg)

## Rename A Footer

1. Click the **Three Horizontal Dots** in the upper right of the Footer you wish to rename.&#x20;
2. Choose **Rename** which will open a *Rename Part* dialog box.&#x20;
3. Enter the new name and click **Change** to complete the rename process, or click **Cancel** if you change your mind and decide you don’t want to rename this Footer.

![](https://elementor.com/cdn-cgi/image/f=auto,w=1024,h=1024/help/wp-content/uploads/sites/14/2020/08/sitepart-rename-1.jpg)

<br>