> For the complete documentation index, see [llms.txt](https://remui-docs.edwiser.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://remui-docs.edwiser.org/remui-theme-setup/footer.md).

# Footer

## RemUI Footer

### 1. How to Use Footer Templates

RemUI now provides multiple pre-designed footer templates that you can select and customize for your Moodle site.

**To use a footer template:**

* Go to the RemUI theme customizer.
* Navigate to the **Footer** section.
* In the **Footer Template Selection** panel, you’ll see a list of available footer designs, each with a preview design.
* Click the **Edit** button below any template to start customizing it.
* After making changes, save and publish to apply the footer to your site.

**Example:**

> Select "Option-2," click "Edit" to open its settings, then click "Save" to apply your changes.

***

<figure><img src="https://180218981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5p6BWpeOKJEIiouSpay%2Fuploads%2FvGtCKUFy7SaEPPfJp148%2FContainer%20(1).svg?alt=media&amp;token=8a8a56e4-b833-4140-8948-9dc04bf46aca" alt=""><figcaption></figcaption></figure>

### 2. How Footer Settings Work

Footer settings are organised into panels and groups, each controlling a specific part of the footer.

* **Panels**: Each major area (basic, advanced, secondary, top area, background image) has its own panel.
* **Settings**: Each panel contains settings for colors, fonts, columns, social icons, logos, menus, and more.
* **Dynamic Display**: The available settings and their positions change depending on the selected template.

When you select a template, only the relevant settings for that template are shown. For example, Option-6 have a footer top area, Option-2 have more columns than the rest of the templates.

***

### 3. Different Settings for Each Template

Each footer template (`Default`, `Option-1`, `Option-2`, ..., `Option-6`) has a different set of settings.

**Examples:**

* **Default**: "There are no major changes in default footer template."

<figure><img src="https://180218981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5p6BWpeOKJEIiouSpay%2Fuploads%2FOyMSdUCB1YCi61MDaW05%2FOption%201.svg?alt=media&amp;token=682e52d8-8362-4859-ac2e-9b56a9ad4a1d" alt=""><figcaption></figcaption></figure>

* **Option-1**: All settings are available, including a background image, customizable main and bottom areas, a logo in Widget Column 1 settings, and support for social media links and a newsletter subscription form in Widget 4.

<figure><img src="https://180218981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5p6BWpeOKJEIiouSpay%2Fuploads%2F7xChHhXva0DAfN3YKXE3%2Fimage.png?alt=media&amp;token=8c704eed-d5f3-4f75-a263-ae24a9303694" alt=""><figcaption></figcaption></figure>

* **Option-2**: Uses a 5-column layout with special settings for the fifth column, including a background image, customizable main and bottom areas, and a logo in the Widget Column 1 settings.

<figure><img src="https://180218981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5p6BWpeOKJEIiouSpay%2Fuploads%2FeOQsfesFKQTI4qsPcjgn%2Fimage.png?alt=media&amp;token=64201dad-e7a8-4f45-b750-3810e078d220" alt=""><figcaption></figcaption></figure>

* **Option-3**: All settings are available, including a background image, a logo and a newsletter subscription form in Widget Column 1 settings, as well as support for social media icons in the footer bottom area.

<figure><img src="https://180218981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5p6BWpeOKJEIiouSpay%2Fuploads%2FWOZOqiQ1IzUhzc0qajJE%2Fimage.png?alt=media&amp;token=ddb197c7-44e0-47de-ac81-62f20121c8d8" alt=""><figcaption></figcaption></figure>

* **Option-4**: All settings are available, including a background image, a logo in Widget Column 1 settings, and support for social media icons in the footer bottom area.

<figure><img src="https://180218981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5p6BWpeOKJEIiouSpay%2Fuploads%2F6Lo4lULuwlZn4PENnj0I%2Fimage.png?alt=media&amp;token=41b6c3eb-807b-4fb3-aba3-c3445dabbfc9" alt=""><figcaption></figcaption></figure>

* **Option-5**: All settings are available, including a background image, a newsletter subscription form in Widget Column 1 settings, as well as support for social media icons in the footer bottom area.

<figure><img src="https://180218981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5p6BWpeOKJEIiouSpay%2Fuploads%2FAkCPSzxlnBddGkmk5yiI%2Fimage.png?alt=media&amp;token=04b039d3-ac26-4c03-b13a-3234959a9ddc" alt=""><figcaption></figcaption></figure>

* **Option-6**: All settings are available, including a background image, a top area panel with a newsletter subscription form, as well as support for social media icons in the footer bottom area.

<figure><img src="https://180218981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5p6BWpeOKJEIiouSpay%2Fuploads%2FuyIawELRKUJCfxelKJBI%2Fimage.png?alt=media&amp;token=d376ba38-8337-44cb-86a5-8660ce774195" alt=""><figcaption></figcaption></figure>

**Notice:**

* **Default Footer Template** does not support a background image.
* **Only Default Footer Template and Option-6** support displaying "Privacy Policy" and "Terms and Conditions".
* **Only Default Footer Template** allows changing the content type (either Menu or Content). All other footer templates have a fixed content type that cannot be changed.
* **Only Default Footer Template** provides the option to adjust widgets.

***

### 4. Settings Position Varies by Template

* **Logo**: If the template supports a widget/logo area (usually in the first column), the logo setting appears in the widget column settings.
* **Social Icons**: If social icons are in the bottom area, their settings are in the footer bottom area panel. If they are in the widget, the setting is in that widget’s panel.
* **Email Subscribe**: The email subscribe box can appear in the top area (for option-6) or in a specific column, depending on the template.
* **Background Image**: The background image setting (Doesn't support for default footer template) is always in the "Footer Template Background Image" panel, but its effect may vary by template.

**Example:** If you select Footer Design 2, you’ll see a 5-column layout, and the logo setting will be in the first column’s settings. If you select Footer Design 6, you’ll see a top area panel with its own settings.

***

### 5. New Features

* **Widget Logo**: You can now add a custom logo to the first column of the footer (if supported by the template).

<figure><img src="https://180218981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5p6BWpeOKJEIiouSpay%2Fuploads%2FVNgcFlBupNtA2GTWiX9A%2Fimage.png?alt=media&amp;token=e28c2d2d-b6aa-477b-b803-0a7bd760360b" alt=""><figcaption></figcaption></figure>

* **Social Icons**: Social icons can be enabled to be display inside the widget or at the footer bottom area (Depends on footer template).
  * **Notice:** The old "Social Media Settings" panel has been deprecated.
  * The "Social media links" input field has been shifted into the footer template settings directly.
  * The "Social media links" selector has also been deprecated.
  * The **Google+ option** is deprecated and no longer available.
* **Email Subscribe Box**: Add an email subscribe box to the top area or any column (Depends on footer template).

<figure><img src="https://180218981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5p6BWpeOKJEIiouSpay%2Fuploads%2FEkcDoDLk6a0CSuo4LPnW%2Fimage.png?alt=media&amp;token=bd3ba7a3-fe26-49b7-a8b2-ca6dee6ccfb5" alt=""><figcaption></figcaption></figure>

* **Advanced Color and Font Controls**: Fine-tune colors and fonts for each area and column title.
* **Dynamic Settings Display**: Only relevant settings are shown for the selected template, making customization easier.
* **Download Footer Data**: When switching from one template to another and clicking 'Save', the user's previous data is deleted. To prevent data loss, we have added a download option that allows users to save their data. Currently, the data is saved in a JSON file format.

<figure><img src="https://180218981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5p6BWpeOKJEIiouSpay%2Fuploads%2FzHvfR2cW3TdAueCqXB1A%2Fimage.png?alt=media&amp;token=f05e5515-bc9b-488e-ab0d-60f07fa68cfe" alt=""><figcaption></figcaption></figure>

* **Background Image Controls**: Set position, repeat, size, and opacity for the footer background image.

<figure><img src="https://180218981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR5p6BWpeOKJEIiouSpay%2Fuploads%2FC8rWxCbkrLbiUQ3omC2h%2Fimage.png?alt=media&amp;token=02241a49-e00b-4353-ae1a-39218a36c195" alt=""><figcaption></figcaption></figure>

***

### 6. Download Feature (Images Not Included)

When you click the **Download** button under a footer template, you can download the template’s configuration (settings and structure) as a file (JSON File Format).

**Important:**

* **Images (such as logos or background images) are NOT included in the download.**

**Example:**

> If you download a template with a custom logo and background image, the downloaded file will only contain references to those images, not the actual files.

***

### Example Workflow

1. Select "Footer Design 1" and click "Edit".
2. In the settings, add your custom HTML to column 2, enable social icons in column 4, and upload a logo for column 1.
3. Set a background image and adjust its opacity.
4. Click "Download" to save your configuration (note: images will not be included).

***