> For the complete documentation index, see [llms.txt](https://docs.jollyany.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jollyany.co/templates/magazine/footer.md).

# Footer

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2Fsz03doZvj2WFT1vJCenc%2FMagazine-footer.png?alt=media&amp;token=d0382725-0d13-4f7a-8de8-917d6c8dfe78" alt=""><figcaption></figcaption></figure>

### Create a footer module

* Please go to admin > Extensions > Modules > Add a new module
* Module name: Footer (ID: 115)
* Module type: SP Page Builder
* Module position: bottom-1
* Menu assignment: On all pages
* This footer bottom module is built with these Jollyany's add-ons: **UK Icons, UK Heading, UK Text, Text Block, Navigation and Divider.**

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FMbhz0lIYzNH267ayB9nn%2Fmagazine-footer-module-edit.png?alt=media&amp;token=0efa7857-4896-45a9-9d46-3106568393e6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2F6TPfk1kIldyLBzWXXc4k%2Fmagazine-footer-module.png?alt=media&amp;token=9be9143a-ed10-4b76-8565-6ebec049ac49" alt=""><figcaption><p>Footer module.</p></figcaption></figure>

### Add the module's position to the template layout

Please go to Template styles > open your styles > Layout > Assign the module position to the Footer Section.&#x20;

{% tabs %}
{% tab title="First Tab" %}
![Edit Footer section](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FdYoFNZUH2Bh0OVrZ8Ya1%2Ffooter-section-layout.jpg?alt=media\&token=5f5e9037-9ceb-40b6-90a6-3f6ea911bb5b)
{% endtab %}

{% tab title="Second Tab" %}
![Select a module position](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FnEF1HEVBP2h5qjVzV1Pg%2Ffooter-section-layout2.jpg?alt=media\&token=b0bfad81-0d17-4201-9d7a-411cbe9559d4)
{% endtab %}
{% endtabs %}

### Edit the Footer's background image

From the Layout shown above, you're supposed to edit the Footer section (not the Bottom Module element) > Design Settings tab > Edit the background image.

![Edit the footer's background image](https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FCuCxIbdvMGIYIjk4NEss%2Fedit%20footer%20bg.jpg?alt=media\&token=1bae1c45-ecdc-4fca-961f-aea84b48ac1c)