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.

    Cannot change font size or colour of Alert; using MMM-Remote-Control to send alert

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    troubleshoot
    3 Posts 2 Posters 161 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.
    • S Offline
      superior_carter
      last edited by

      I have a custom css set up but no matter what I seem to try, as far as I can get is increasing the size of the alert box. I want to make the font much larger, and make the title text color a more visible shade. I tried a solution on an old forum post but it had no effect on my alerts.

      any help would be appreciated!

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

        @superior_carter many times the content you need to style is not clearly indentifiable

        luckily the browser has a developers window, ctrl-shift-i that will allow you to examine and change styles .

        the important part about css is the stuff before the {, called the selector clause.
        it selects the elements the stuff AFTER the { will be applied to.

        I use this one to help me remember all the options. and they can be combined together. space separated means and, somewhere in this tree.
        no spaces means on the same element

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

        see
        https://forum.magicmirror.builders/post/90135

        so put up an alert and then enter the developers window, or the other way. either work

        Sam

        How to add modules

        learning how to use browser developers window for css changes

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

          @superior_carter
          it looks like the module uses these classes

          1000026023.jpg

          Sam

          How to add modules

          learning how to use browser developers window for css changes

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