Isomer Guide (Legacy sites)
UpdatesOfficial WebsiteGithub Repository
  • Introduction
  • Accounts & Setup
    • Github Account Setup
      • Set up 2FA
    • Site Access
  • Get started
    • Your first edit
    • Create a new page
    • Create a new collection
    • Format your content
      • HTML cheatsheet
      • Markdown cheatsheet
    • Page config
  • Configurations
    • Config.yml file
      • Site color
    • Homepage
      • Basics
      • Hero Banner
      • Infobar
      • Infopic
      • Resources
      • Sample configuration
    • Pages
      • Configuration
      • Second and Third Level Navigation Pages
    • Navigation Bar
      • Configuration
    • Resources
      • Setup
      • Posts
      • Resources with v2 migration
    • Contact Us
      • Configuration
    • Footer
  • Features
    • Analytics and tracking
      • WOGAA
      • Google Analytics
      • Facebook Pixel
      • LinkedIn Insights
    • IsomerSSL
    • Content Recommender
  • Publish your changes
    • Overview
    • Creating a pull request
    • Approve a pull request
    • Merge a pull request
    • Site Launch
      • How to make records changes on ITSM?
  • Frequently Asked Questions (FAQ)
    • General
    • Security
    • Pull requests
    • Digital KPI
    • Migration v1 to v2
  • Updates
Powered by GitBook
On this page

Was this helpful?

  1. Configurations
  2. Homepage

Infobar

PreviousHero BannerNextInfopic

Last updated 4 years ago

Was this helpful?

The information section, or infobar, can be used to provide additional information to users, and also serves as another opportunity to direct users to pages of interest. The infobar does not support images - if you require images, use instead.

The infobar consists of the following options:

  • title: the title that will be displayed in large font in the infobar

  • subtitle: the subtitle that will be displayed in small font and all caps. Optional

  • description: a brief write up you can add to provide the user with more information. Optional

  • button: the text on the link that will appear on the bottom on the infobar. Optional together with url

  • url: the URL the link points to. Optional together with button

Sample configuration for infobar:

- infobar:
    title: Work for the public good
    subtitle: Careers
    description: Start a fulfulling and rewarding career with the Ministry of ABC!
    button: Join Us
    url: /careers/

Bonus tip!

If you'd like to insert a video on your infobar, you can paste the iframe snipped under the description field.

And you will yield a result as seen below.

infopic