Lumio Theme Documentation

Customizing the Footer

Lumio includes two footer variants and pulls most footer content from configuration and translation files.

• Logo – Update your site’s logo
• Social Links – Configure site-wide social links
• Footer Menus – Customize navigation menus
• Subscription – Set up the subscription form
• Copyright & Footer Description – See below
• Brand Text – Controlled by site.logoText

Customizing Copyright Text and Footer Description

Lumio reads its footer copy from the i18n files by default:

Example: English (en.json)

"footerBlock": {
  "description": "Duis aute irure dolor in reprehenderit velit esse cillum dolore in fugiat nulla pariatur, excepteur sint",
  "copyright": "Copyright © 2024 Lumio All Rights Reserved.",
  "contactBlockLabel": "Contact",
  "aboutUsLabel": "About us",
  "quickLinksLabel": "Quick Links",
  "officeLabel": "Office",
  "socialLabel": "Social",
  "recentPostsLabel": "Recent Posts"
}

1. Open src/i18n/en.json or src/i18n/fr.json.
2. Locate the "footerBlock" object.
3. Update "description" and "copyright".

Note: If you are not using the multilingual feature, you can set these directly in config.toml.

src/config/config.toml

footerDescription = ""

[settings.copyright]
  enable = true
  text   = "Copyright © 2024 Lumio All Rights Reserved."

Customizing Brand Text

Lumio does not use a separate brandName setting. The visible text next to the logo comes from site.logoText:

src/config/config.toml

[site]
  logo      = "/images/logo.png"
  logoWhite = "/images/logo-white.png"
  logoText  = "Lumio"

That value is rendered by src/layouts/components/global/Logo.astro.

Choosing a Footer Variant

Pages can opt into either footer variant through the base layout:

src/layouts/Base.astro

type Props = {
  footer?: "one" | "two";
};

• footer="one" uses src/layouts/components/global/Footer.astro
• footer="two" uses src/layouts/components/global/FooterTwo.astro