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.

    MMM-network-signal - make the message text larger

    Scheduled Pinned Locked Moved Custom CSS
    18 Posts 3 Posters 4.4k Views 3 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.
    • D Offline
      DarrenHill @sdetweil
      last edited by DarrenHill

      @sdetweil And we have a winner :D

      That one worked as you say, thanks Sam!

      So yesterday’s learning was GitHub, today’s is CSS ;)

      mumblebajM S 2 Replies Last reply Reply Quote 0
      • mumblebajM Offline
        mumblebaj Module Developer @DarrenHill
        last edited by

        @DarrenHill this worked for me. note the , before the p

        .MMM-network-signal ,p {
        font-size: 1.5em;
        color: yellow;
        }
        

        Check out my modules at: https://github.com/mumblebaj?tab=repositories
        Check my blog-post: https://mumblebaj.xyz/

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

          @mumblebaj where do you see the leading comma in the css selector definition, except for allowing the same style to apply to multiple selectors

          .class element1, element2, element3 { 
             styles
          }
          

          vs having three separate definitions…

          .class element1{ 
             styles
          }
          .class element2 { 
             styles
          }
          .class element3 { 
             styles
          }
          

          Sam

          How to add modules

          learning how to use browser developers window for css changes

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

            @DarrenHill said in MMM-network-signal - make the message text larger:

            So yesterday’s learning was GitHub, today’s is CSS
            also see the ways you can select elements

            https://www.w3schools.com/cssref/css_selectors.asp

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • mumblebajM Offline
              mumblebaj Module Developer @sdetweil
              last edited by

              @sdetweil Try it. It works. I tested it.

              Check out my modules at: https://github.com/mumblebaj?tab=repositories
              Check my blog-post: https://mumblebaj.xyz/

              D S 2 Replies Last reply Reply Quote 0
              • D Offline
                DarrenHill @mumblebaj
                last edited by

                @mumblebaj Just tried it (copy/paste from your code above) and whilst the yellow works, the font-size didn’t for me.

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

                  @mumblebaj well, it made the font bigger, but NOT 1.5em…

                  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