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

# Footer

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

### Create a bottom footer module

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

* Module name: **Bottom**
* 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 used in the footer.&#x20;

<figure><img src="/files/BtaC9BrggV4MGvbxHVgk" alt=""><figcaption><p>Bottom module of the footer section</p></figcaption></figure>

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

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

<div><figure><img src="/files/YDCcZxGhViSpmuiDBmbS" alt=""><figcaption><p>Edit the bottom element</p></figcaption></figure> <figure><img src="/files/Ts0P743eoRqTMpfpc8tk" alt=""><figcaption><p>Choose a module position </p></figcaption></figure></div>

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

* In the layout, you're supposed to edit the footer section > Design settings tab
* Edit the background color
* If you're interested in having a background image for the section, you should choose the background image type, then upload an image.&#x20;
* Scroll down and you'll see the overlay color, link color, and link hover color.

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

<figure><img src="/files/NYskFkTCDlHiYnSig9Ha" alt=""><figcaption><p>Edit the bottom section and change the background color</p></figcaption></figure>
{% endtab %}

{% tab title="Background color" %}

<figure><img src="/files/KBH5KCV9hhQZgiV3Glfq" alt=""><figcaption><p>Change the background color of the bottom section</p></figcaption></figure>
{% endtab %}

{% tab title="Background image" %}
If you're interested in having a background image for the section, you should edit the section > design settings > choose the background type (Image) > and upload an image.

<figure><img src="/files/aFyoRRBYmXys4uGS77Up" alt=""><figcaption><p>Choose background image type and upload an image</p></figcaption></figure>
{% endtab %}
{% endtabs %}