# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.jollyany.co/templates/probike/footer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.