Footer Settings

These settings allow you to configure the footer.

Settings:

Footer Logo: The logo that will appear on the footer.

Default value: empty.
Input type: file upload.

Footer Logo Width: Controls the width of the logo displayed on the footer.

Default value: empty.
Input type: text.

Note: When you want to add the width, add it without [px].

Footer Description: Brief description that appears above the footer logo.

Default value: nice learning it is a free Moodle theme.
Input type: text.

Footer Background: The background color of the footer.

Default value: #211f1f.
Input type: color picker.

Footer Color: The text color of the footer.

Default value: white.
Input type: color picker.

Footer column one:

Title: The title for first column.

Default value: nice learning.
Input type: text.

Body: The body for first column (HTML is allowed).

Default value: nice learning.
Input type: textarea.

Footer column two:

Title: The title for second column.

Default value: nice learning.
Input type: text.

Body: The body for second column (HTML is allowed).

Default value: nice learning.
Input type: textarea.

Footer column three:

Title: The title for third column.

Default value: nice learning.
Input type: text.

Body: The body for third column (HTML is allowed).

Default value: nice learning.
Input type: textarea.

Footer copyright section:

Footer Copyright Background: The background color of the copyright section.

Default value: #111718.
Input type: color picker.

Footer Copyright Color: The text color of the copyright section.

Default value: white.
Input type: color picker.

Footer Copyright Text: The text that will appear on the copyright section.

Default value: nice learning.
Input type: text.

The example below shows how to add single-language HTML code to the footer body:

<ul class="nice-footer-links">
    <li class="nice-footer-link">
        <a href="#">
            <span>Hello World</span>
        </a>
    </li><!--End nice-footer-link-->

    <li class="nice-footer-link">
        <a href="#">
            <span>Hello World</span>
        </a>
    </li><!--End nice-footer-link-->

    <li class="nice-footer-link">
        <a href="#">
            <span>Hello World</span>
        </a>
    </li><!--End nice-footer-link-->
</ul><!--End nice-footer-links -->

The example below shows how to add multi-language HTML code to the footer body:

<ul class="nice-footer-links">
    <li class="nice-footer-link">
        <a href="#">
            <span class="multilang" lang="en">Hello</span>
            <span class="multilang" lang="fr">Bonjour</span>
        </a>
    </li><!--End nice-footer-link-->

    <li class="nice-footer-link">
        <a href="#">
            <span class="multilang" lang="en">Hello</span>
            <span class="multilang" lang="fr">Bonjour</span>
        </a>
    </li><!--End nice-footer-link-->

    <li class="nice-footer-link">
        <a href="#">
            <span class="multilang" lang="en">Hello</span>
            <span class="multilang" lang="fr">Bonjour</span>
        </a>
    </li><!--End nice-footer-link-->
</ul><!--End nice-footer-links -->

Was this page helpful?