• 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 91.6k 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 @jbeck615
    last edited by Feb 27, 2017, 8:05 AM

    @jbeck615 if you post your css here we can help to spot the issue

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

    J M 3 Replies Last reply Feb 27, 2017, 7:47 PM Reply Quote 0
    • J Offline
      johnnyboy @Mykle1
      last edited by Feb 27, 2017, 2:24 PM

      This post is deleted!
      1 Reply Last reply Reply Quote 0
      • J Offline
        jbeck615 @strawberry 3.141
        last edited by Feb 27, 2017, 7:47 PM

        @strawberry-3.141 oh my thank you SO much for offering. i hate asking for help but let me tinker with it for a couple of days and if no luck i will take you up on the offer. LOVE this community. thank you again for even offering!

        1 Reply Last reply Reply Quote 0
        • M Offline
          Mykle1 Project Sponsor Module Developer @strawberry 3.141
          last edited by Feb 28, 2017, 5:14 PM

          @strawberry-3.141

          I thought you might like to know that I had some success with the custom.css file without asking for your help. I did do some looking around in the module .js file and the Developers Tools. I was careful not to change anything. I was looking for clues on what changes specific parts of a module. (e.g. table, text, align, padding, margin, etc…)

          I wanted to be able to move the calendar_monthly module to the left margin. I also wanted to constrain the module to a specific width so that it wouldn’t expand when another module stretches the region they both occupy. And just for good measure, I threw in some color. So, using the the css information that you’ve already given me for other modules, and the information I got from looking in the module.js file and Developers Tools, I did this.

          0_1488301766370_success.JPG

          With this

          }
          
          .calendar_monthly table {
            width: initial;
            float: left;
          }
          
          .calendar_monthly td {
            text-align: left !important;
          }
          
          .calendar_monthly calendar-table {
            text-align: left !important;
          }
          
          .calendar_monthly {
            width: 200px;
            color: #6f6;
          } 
          

          “I’m smart! I can do things!” (Fredo Corleone - The Godfather II)

          Create a working config
          How to add modules

          J J 3 Replies Last reply Feb 28, 2017, 6:06 PM Reply Quote 1
          • J Offline
            johnnyboy @Mykle1
            last edited by johnnyboy Feb 28, 2017, 7:13 PM Feb 28, 2017, 6:06 PM

            This post is deleted!
            M 1 Reply Last reply Feb 28, 2017, 7:57 PM Reply Quote 0
            • J Offline
              jbeck615 @strawberry 3.141
              last edited by Feb 28, 2017, 6:23 PM

              @strawberry-3.141 So I can definitely post the css coding but my pi takes some time to start up some days it seems… anyway what I was ultimately trying to do was, using wunderground, get rid of the last column as you and Mykle1 showed above and get the icon for current to look realistic/color but keep the forecast icons as generic icons. so the way i attempted this was incorporate all of the edits you all provided above. then i repeated wunderground twice in the modules, one to show current and the color icon (realistic icon) and a second time just to show forecast but with generic icons. however when i stack them both in top right thats where i get the unwanted icons. if i put current wunderground in the top center then they go away. thoughts? i can provide css if needed for sure. thanks for even looking! ![alt text](0_1488306217254_Picturemirror.jpg image url)

              M 1 Reply Last reply Feb 28, 2017, 8:03 PM Reply Quote 0
              • J Offline
                jbeck615 @Mykle1
                last edited by Feb 28, 2017, 7:04 PM

                @Mykle1 thanks for sharing! the width of the monthly calendar was bothering me and i was going to research later anyway!

                M 1 Reply Last reply Feb 28, 2017, 8:01 PM Reply Quote 0
                • M Offline
                  Mykle1 Project Sponsor Module Developer @johnnyboy
                  last edited by Feb 28, 2017, 7:57 PM

                  @johnnyboy said in Throwing down the gauntlet:

                  is that why you put the ! important there?

                  No sir, I do believe that this is the entry that constrains the module to 200 pixels ( and the color)

                  .calendar_monthly {
                    width: 200px;
                    color: #6f6;
                  } 
                  

                  Create a working config
                  How to add modules

                  J 1 Reply Last reply Feb 28, 2017, 8:33 PM Reply Quote 0
                  • M Offline
                    Mykle1 Project Sponsor Module Developer @jbeck615
                    last edited by Feb 28, 2017, 8:01 PM

                    @jbeck615 said in Throwing down the gauntlet:

                    thanks for sharing! the width of the monthly calendar was bothering me and i was going to research later anyway!

                    Cool. I’ve found answers that way too, before I even had the question

                    Create a working config
                    How to add modules

                    1 Reply Last reply Reply Quote 0
                    • M Offline
                      Mykle1 Project Sponsor Module Developer @jbeck615
                      last edited by Feb 28, 2017, 8:03 PM

                      @jbeck615 said in Throwing down the gauntlet:

                      then i repeated wunderground twice in the modules,

                      You would have to repeat wunderground twice in the config.js file, not the modules, for starters

                      Create a working config
                      How to add modules

                      J 1 Reply Last reply Feb 28, 2017, 9:25 PM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 7
                      • 8
                      • 9
                      • 6 / 9
                      6 / 9
                      • First post
                        51/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