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.

    Calendar 'line' - where is the code?

    Scheduled Pinned Locked Moved Troubleshooting
    11 Posts 3 Posters 7.6k 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.
    • V Offline
      valid8r @chrisfoerg
      last edited by

      @chrisfoerg Ahh, didn’t look there. Will play with that now.

      Thanks

      V 1 Reply Last reply Reply Quote 0
      • V Offline
        valid8r @valid8r
        last edited by

        @valid8r So, if I wanted to change the color of the header using my custom.css would I use something like:

        .header {
        color: #99F;
        }

        1 Reply Last reply Reply Quote 0
        • C Offline
          chrisfoerg
          last edited by

          I didn’t try it but I think yes. the easiest way is to copy the header and delete all you don’t need. I think you also can erase the . before header

          V 1 Reply Last reply Reply Quote 0
          • V Offline
            valid8r @chrisfoerg
            last edited by

            @chrisfoerg Got it working, thanks. Why does “header” not need the “.header”???

            1 Reply Last reply Reply Quote 0
            • C Offline
              chrisfoerg
              last edited by

              I had to search for it

              p {…}
              applies to

              elements

              .p {…}
              applies to all elements with with class “p” eg

              ,

              , etc

              I don’t know the html code but html5 uses

              V 2 Replies Last reply Reply Quote 0
              • V Offline
                valid8r @chrisfoerg
                last edited by

                @chrisfoerg Interesting. As I said before, the education process continues! Thanks Chris.

                1 Reply Last reply Reply Quote 0
                • V Offline
                  valid8r @chrisfoerg
                  last edited by

                  @chrisfoerg Ok, in my continuing process, I beg of you again for help! Now I am trying to change the font color for the temperature class defined in the currentweather module. I thought I should use

                  .temperature {
                  color: red;
                  }

                  but no go. I also tried using

                  .currentweather .temperature {
                  color: red;
                  }

                  but also no go… Thoughts?

                  1 Reply Last reply Reply Quote 0
                  • H Offline
                    Hacksaw
                    last edited by Hacksaw

                    currentweather.js

                    Line 307:

                    	temperature.className = "bright"; <-- this Line
                    

                    change to:

                                temperature.className = "brightt";
                    

                    in the custom.css

                    Insert:

                    .brightt {
                    color: #FF0000;
                    }

                    Reboot

                    V 1 Reply Last reply Reply Quote 0
                    • V Offline
                      valid8r @Hacksaw
                      last edited by

                      @Hacksaw Thanks, but is there no way to do so without modifying the actual module js code so that the only changes are to custom.css?

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