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.

    where can i set a colour for up/down in MMM-ServerStatus?

    Scheduled Pinned Locked Moved Troubleshooting
    20 Posts 5 Posters 4.2k Views 5 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.
    • C Offline
      chris47803
      last edited by

      I got it. The color is for symbols only

      Thank you

        {
              module: "MMM-ServerStatus",
              header: "Netzwerk",   // Can be anything you want, or blank
              position: "top_right",       // Choose a position
              config: {
              upColor: "#00ff00",
              downColor: "#ff0000",
              upSymbol: "globe",
              downSymbol: "globe",
                  hosts: [    // For example
      { ip: "192.168.2.2", name: "Fritz!Box"},
      { ip: "192.168.2.1", name: "Huelsen DC"},
      { ip: "192.168.2.5", name: "NAS 542"},
      { ip: "192.168.2.24", name: "Christian PC"},
      
      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @chris47803
        last edited by

        @chris47803 ah

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        M 1 Reply Last reply Reply Quote 0
        • M Offline
          miniashman @sdetweil
          last edited by miniashman

          Is there a way to left-align the device/network names and right-align the status? current view looks centred

          Screen Shot 2021-04-17 at 10.54.30 AM.png .

          M 1 Reply Last reply Reply Quote 0
          • M Offline
            miniashman @miniashman
            last edited by

            Solved, i figured it out but going through how it works on other modules. Just incase anyone else needs to know this is what I added to custom.css

            
            .MMM-ServerStatus table td {
              text-align: left !important;
            }
            
            1 Reply Last reply Reply Quote 0
            • B Offline
              bdream
              last edited by

              Hey @miniashman great having your information here. That solved partwise my color problem, but I have shown my device, the colored icon and additional the word UP.
              I can’t find how to get rid of this word. I haven’t it in my config :angry_face:

                             {
                                      module: "MMM-ServerStatus",
                                      header: "",
                                      position: "top_center",
                                      config: {
                                              upSymbol: "thumbs-up",
                                              downColor:  "#ff0000",
                                              upColor:  "#00ff00",
                                              downColor: "thumbs-down",
                                              hosts: [
                                                      { name: "door-bell", ip: "192.168.0.6" },
                                              ],
                                      },
                              },
              
              

              Any help for me?

              –
              cheers, bdream

              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @bdream
                last edited by

                @bdream try

                upText:"",
                downText:""
                

                in the module config section

                Sam

                How to add modules

                learning how to use browser developers window for css changes

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