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

Calendar 'line' - where is the code?

Scheduled Pinned Locked Moved Troubleshooting
11 Posts 3 Posters 7.2k 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 @valid8r
    last edited by Dec 12, 2016, 9:43 PM

    @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 Dec 12, 2016, 9:48 PM

      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 Dec 12, 2016, 10:17 PM Reply Quote 0
      • V Offline
        valid8r @chrisfoerg
        last edited by Dec 12, 2016, 10:17 PM

        @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 Dec 12, 2016, 10:25 PM

          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 Dec 12, 2016, 10:38 PM Reply Quote 0
          • V Offline
            valid8r @chrisfoerg
            last edited by Dec 12, 2016, 10:38 PM

            @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 Dec 13, 2016, 12:39 AM

              @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 Dec 13, 2016, 6:01 PM Dec 13, 2016, 6:00 PM

                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 Dec 13, 2016, 6:50 PM Reply Quote 0
                • V Offline
                  valid8r @Hacksaw
                  last edited by Dec 13, 2016, 6:50 PM

                  @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
                  1 / 2
                  • First post
                    8/11
                    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