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.

    Throwing down the gauntlet

    Scheduled Pinned Locked Moved Troubleshooting
    85 Posts 11 Posters 98.9k Views 11 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.
    • Mykle1M Offline
      Mykle1 Project Sponsor Module Developer @jproehl
      last edited by

      @jproehl said in Throwing down the gauntlet:

      Thank you so much!

      I just stole your coloring code for the date and time. haha, so thank you. See? You’re helping already. :thumbsup_tone1:

      Create a working config
      How to add modules

      1 Reply Last reply Reply Quote 0
      • jproehlJ Offline
        jproehl @Mykle1
        last edited by

        @Mykle1 Have at it! FYI: the one I can’t get to work is the .newsfeed .title I still get small letters in gray for “New York Times” and “BBC”. If I go into the main.css and change the color/size for “small” text, that works but hear that isn’t recommended since it will disappear if I update MagicMirror.

        strawberry 3.141S 1 Reply Last reply Reply Quote 0
        • strawberry 3.141S Offline
          strawberry 3.141 Project Sponsor Module Developer @jproehl
          last edited by

          @jproehl custom.css

          .newsfeed div.light.small.dimmed {
            color: #e54a1b;
            font-size: 9px;
          }
          

          Please create a github issue if you need help, so I can keep track

          Mykle1M jproehlJ 3 Replies Last reply Reply Quote 3
          • Mykle1M Offline
            Mykle1 Project Sponsor Module Developer @strawberry 3.141
            last edited by

            @strawberry-3.141 said in Throwing down the gauntlet:

            custom.css

            I found myself squinting to read the source of the newsfeed in its default, dimmed state, so I jumped all over this. Now, with your css entry, and a little adjustment on my part, I now have my font-size: at 18px and its color: set to #99F.

            Every time I think my mirror is perfect, you make it better. genuflecting We are not worthy!

            Many thanks, many times. :thumbsup_tone2:

            Create a working config
            How to add modules

            johnnyboyJ 1 Reply Last reply Reply Quote 2
            • jproehlJ Offline
              jproehl @strawberry 3.141
              last edited by

              @strawberry-3.141 said in Throwing down the gauntlet:

              .newsfeed div.light.small.dimmed {
              color: #e54a1b;
              font-size: 9px;
              }
              Great, works like a charm! Thanks again!

              1 Reply Last reply Reply Quote 0
              • jproehlJ Offline
                jproehl @strawberry 3.141
                last edited by

                @strawberry-3.141 Hi: Can you point me to a reference where I can learn how to determine the precise terms to use for doing this? For example, how do you determine that “div.light.small.dimmed” was the proper parameter to enter to change the text I was after?

                brobergB 1 Reply Last reply Reply Quote 0
                • brobergB Offline
                  broberg Project Sponsor @jproehl
                  last edited by

                  @jproehl it’s not super simple to find out what to write in the css if you are not familiar with css and javascript since most of that is names specified by the coders of the magic mirror and the modules,

                  If it’s not specified in the module documentation you can look in the modules .js file and search for the text className after that is usually specified one or more classes that will determine the appearance of what is being displayed.

                  The className should also be visible if you look at the html code in the browser.

                  jproehlJ 1 Reply Last reply Reply Quote 1
                  • jproehlJ Offline
                    jproehl @broberg
                    last edited by

                    @broberg Okay, I’ll poke around in the codes. Thanks!

                    1 Reply Last reply Reply Quote 0
                    • J Offline
                      jbeck615 @strawberry 3.141
                      last edited by

                      This post is deleted!
                      1 Reply Last reply Reply Quote 0
                      • J Offline
                        jbeck615 @jproehl
                        last edited by

                        @jproehl curious if you ever solved #2? i got the same issue with the icons showing up under the current

                        jproehlJ 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 7
                        • 8
                        • 9
                        • 4 / 9
                        • 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