> 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/interiart/bottom-footer.md).

# Bottom Footer

<figure><img src="/files/E8WTz5WSjkuKLE30JzES" alt=""><figcaption></figcaption></figure>

### Create a bottom footer module

Please go to Dashboard > Site > Modules > Add a new module

* Module name: Bottom Modules
* Module type: SP Page Builder
* Module position: bottom-1
* Menu assignment: On all pages
* Look at the sp page builder module below, you can see corresponding add-ons of the footer's elements

<figure><img src="/files/wfxImVnlaitDr2Oiwk2k" alt=""><figcaption></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](/files/EVhmi84GxbF2scn0X5lA)
{% endtab %}

{% tab title="Second Tab" %}
![Select a module position](/files/zC1vjfVrwtf9QqoEv2Wi)
{% endtab %}
{% endtabs %}

### Edit the footer's background image and background color

* In the layout, you're supposed to edit the footer section > Design settings tab
* Edit the background image
* Scroll down and you'll see a background color option, and link hover color.

{% tabs %}
{% tab title="Footer section" %}

<figure><img src="/files/vAQgxpqyfWq8ThZltWVS" alt=""><figcaption><p>Edit the footer section</p></figcaption></figure>
{% endtab %}

{% tab title="Background image" %}

<figure><img src="/files/Jzs7KaBuTrkwJcMAMqkm" alt=""><figcaption><p>Edit the background image of footer section</p></figcaption></figure>
{% endtab %}

{% tab title="Background color" %}
Below the background image option, you'll see background color options and custom color options. Here you're able to change the link hover color of footer section.

<figure><img src="/files/bS0E2kNnEJqulPSodzeX" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}