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.3k 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
      last edited by

      I’m searching for the code that defines the horizontal line spanning the iFrame module for the Calendar module (also for the line in the default weather module). I searched the .js and the .css files but don’t see anything defining this.

      Thanks in advance

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

        I think it’s in the folder css file main.css

        header {
        text-transform: uppercase;
        font-size: 15px;
        font-family: “Roboto Condensed”;
        font-weight: 400;
        border-bottom: 1px solid #666;
        line-height: 15px;
        padding-bottom: 5px;
        margin-bottom: 10px;
        color: #999;
        }

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