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 3.9k 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.
    • mumblebajM Online
      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 Online
            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