> 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="/files/GLmdDWl6VughPtfBqjKy" 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="/files/aUdLtbKLeGFqSB5KtDA9" 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="/files/zzJ1jbu6BIzHfehVVcKA" 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="/files/gnwb93SWU7aZEDbaTgfr" 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="/files/9kfLEpYgc29zxH4sxAZ4" 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="/files/pFTTHDksRyOAQuS728kt" 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="/files/12MdnOwlpWHWWXv5TAZj" 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="/files/LcraGKuYTwEeQBiLBoCH" 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="/files/Z0JRJYAW2iYuv8BWqjJy" 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="/files/3NjIkPc2g4YQSvjgfkdP" 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="/files/vCQtCMXWHPtHK4BZmpkS" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/ZE08Cj6jfCfNytXZAVsp" 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).

***