• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 96.4k 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.
  • S Offline
    strawberry 3.141 Project Sponsor Module Developer @jproehl
    last edited by Feb 25, 2017, 9:26 AM

    @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

    M J 3 Replies Last reply Feb 25, 2017, 1:10 PM Reply Quote 3
    • M Offline
      Mykle1 Project Sponsor Module Developer @strawberry 3.141
      last edited by Feb 25, 2017, 1:10 PM

      @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

      J 1 Reply Last reply Feb 27, 2017, 2:24 PM Reply Quote 2
      • J Offline
        jproehl @strawberry 3.141
        last edited by Feb 25, 2017, 7:24 PM

        @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
        • J Offline
          jproehl @strawberry 3.141
          last edited by Feb 25, 2017, 8:02 PM

          @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?

          B 1 Reply Last reply Feb 25, 2017, 8:36 PM Reply Quote 0
          • B Offline
            broberg Project Sponsor @jproehl
            last edited by Feb 25, 2017, 8:36 PM

            @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.

            J 1 Reply Last reply Feb 25, 2017, 8:38 PM Reply Quote 1
            • J Offline
              jproehl @broberg
              last edited by Feb 25, 2017, 8:38 PM

              @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 Feb 26, 2017, 3:43 AM

                This post is deleted!
                1 Reply Last reply Reply Quote 0
                • J Offline
                  jbeck615 @jproehl
                  last edited by Feb 26, 2017, 4:57 AM

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

                  J 1 Reply Last reply Feb 26, 2017, 5:23 AM Reply Quote 0
                  • J Offline
                    jproehl @jbeck615
                    last edited by jproehl Feb 26, 2017, 5:24 AM Feb 26, 2017, 5:23 AM

                    @jbeck615 Hi: That problem went away when I fixed a missing close bracket “}” in the custom.css. So, if you are getting the extra icon line in your current conditions display for the same reason I was, check to make sure that all of the entries in custom.css are of the form:

                    .“modulename” .“className” {
                    “parameter”: “value”;
                    }

                    A concrete example of this is:

                    .clock .time {
                    color: #99F;
                    }

                    One of my entries was missing that very last bracket. When I fixed that, the icon line went away and all the subsequent parameters that I was trying to change in the custom.css file also got changed.

                    I suspect that when that syntax error showed up the rest of the custom.css file was not processed and the parameter on which I left off the bracket and all the subsequent ones were never included.

                    Hope this helps! Good luck.

                    J 1 Reply Last reply Feb 27, 2017, 3:50 AM Reply Quote 1
                    • J Offline
                      jbeck615 @jproehl
                      last edited by Feb 27, 2017, 3:50 AM

                      @jproehl thank you. ill do some deeper vetting. thanks!

                      S 1 Reply Last reply Feb 27, 2017, 8:05 AM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 7
                      • 8
                      • 9
                      • 5 / 9
                      5 / 9
                      • First post
                        41/85
                        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