• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Hello World Module Underline

Scheduled Pinned Locked Moved Unsolved Troubleshooting
4 Posts 2 Posters 649 Views 2 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P Offline
    pastormingle
    last edited by Sep 8, 2021, 12:46 PM

    Re: Hello World modul I am trying to use the hello world module as a header for the clock module as I don’t see how to add a header to it. I need to put an underline or bar under the text to break it up. Do you have any examples of how I can do that?

    M 1 Reply Last reply Sep 8, 2021, 1:14 PM Reply Quote 0
    • M Offline
      MMRIZE @pastormingle
      last edited by Sep 8, 2021, 1:14 PM

      @pastormingle
      You can add header title of module in config.js like this;

       {
        module: "clock",
        position: "top_left",
        header: "What time is it now?"  // <-- add this.
      },
      

      Don’t use Hello World module for that purpose. :D

      P 1 Reply Last reply Sep 8, 2021, 1:59 PM Reply Quote 0
      • P Offline
        pastormingle @MMRIZE
        last edited by Sep 8, 2021, 1:59 PM

        @mmrize that worked great thank you… Can you add space between the line and text?

        M 1 Reply Last reply Sep 9, 2021, 9:03 AM Reply Quote 0
        • M Offline
          MMRIZE @pastormingle
          last edited by Sep 9, 2021, 9:03 AM

          @pastormingle
          Add this into your css/custom.css (copied from css/custom.css.sample)

          clock header {
            padding-bottom: 10px /* whatever you want */
          }
          
          
          1 Reply Last reply Reply Quote 0
          • 1 / 1
          1 / 1
          • First post
            2/4
            Last post
          Enjoying MagicMirror? Please consider a donation!
          MagicMirror created by Michael Teeuw.
          Forum managed by Sam, technical setup by Karsten.
          This forum is using NodeBB as its core | Contributors
          Contact | Privacy Policy