Footer settings

Available 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.

- Footer description: a 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 -->