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

Alert Box?

Scheduled Pinned Locked Moved Development
2 Posts 0 Posters 3.2k Views 1 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
    pugsly
    last edited by Jul 7, 2016, 9:27 PM

    Can anyone share the css tag for the Alert box? I want to change the color of the box, and alert title.

    1 Reply Last reply Reply Quote 0
    • K Offline
      KirAsh4 Moderator
      last edited by Jul 12, 2016, 1:00 AM

      The full HTML/CSS is as follows:

      // This is the box that shows up at the very top, defined as a "notification alert"
      <div class="ns-box ns-growl ns-effect-slide-center ns-type-notice ns-show">
        <div class="ns-box-inner">
          <span class="thin" style="line-height: 35px; font-size:24px" color="#4A4A4A">[TITLE]</span>
          <br><span class="light" style="font-size:28px;line-height: 30px;">[MESSAGE]</span>
        </div>
      </div>
      
      // This is the pop-up in the middle of the screen, defined as a regular "alert"
      <div class="ns-alert ns-growl ns-effect-flip ns-type-notice ns-show">
        <div class="ns-box-inner">
          <span class="light" style="line-height: 35px; font-size:30px" color="#4A4A4A">[TITLE]</span>
          <br><span class="thin" style="font-size:22px;line-height: 30px;">[MESSAGE]</span>
        </div>
      </div>
      

      Note that the effect listed in the first '<div>' changes with the specific effect you set it to.

      A Life? Cool! Where can I download one of those from?

      1 Reply Last reply Reply Quote 0
      • 1 / 1
      1 / 1
      • First post
        2/2
        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