• 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 92.0k 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 24, 2017, 11:55 PM

    @jproehl

    .region.top.right .MMM-WunderGround table th {
    	display: none;
    }
    

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

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

      @strawberry-3.141

      Don’t know why, but I’m still amazed! Once again, Strawberry to the rescue!

      Create a working config
      How to add modules

      1 Reply Last reply Reply Quote 0
      • J Offline
        jproehl @strawberry 3.141
        last edited by Feb 25, 2017, 12:56 AM

        @strawberry-3.141 Hey, thanks for the reply. I’m not totally sure where to add that text, so I appended it to my custom.css file. But I don’t see any difference in the MagicMirror view.

        Here are my custom.css and my config.js (with the appid’s removed). You’ll probably see what I’ve done wrong right away

        ================== custom.css ==================

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

        .clock .date {
        	color: #99F;
        }
        
        .calendar .header {
        	color: #F00;
        }
        
        .newsfeed .title {
        	color: #F00;
        	font-size: large; 
        }
        
        .MMM-WunderGround .max-temp {
         color: #f66;
        
        .MMM-WunderGround .min-temp {
         color: #0ff;
        }
        
        .MMM-WunderGround .weather-icon {
          color: #f93;
        }
        
        .MMM-WunderGround .day {
          color: #6f6;
        }
        
        .region.top.center .MMM-WunderGround table.small {
          display:none;
        }
        
        .region.top.right .MMM-WunderGround table:not(.small) {
          display:none;
        }
        
        .region.top.right .MMM-WunderGround table.small td:nth-child(6) {
          display:none;
        }
        
        .region.top.right .MMM-WunderGround table th {
        display: none;
           }
        

        }

        ==============================================

        =================== config.js ==================

        /* Magic Mirror Config Sample
        *

        • By Michael Teeuw http://michaelteeuw.nl
        • MIT Licensed.
          */

        var config = {
        port: 8080,
        ipWhitelist: [‘127.0.0.1’, ‘::ffff:127.0.0.1’, ‘::1’],
        language: ‘en’,
        timeFormat: 24,
        units: ‘imperial’,

        modules: [
        	{
        		module: 'alert',
        	},
        	{
        		module: 'updatenotification',
        		position: 'top_bar'
        	},
        	{
        		module: 'clock',
        		position: 'top_center'
        	},
        	{
        		module: 'calendar',  // My Google Calendar
        		header: 'My Calendar',
        		position: 'top_left',
        		config: {
        			calendars: [
        				{
        					symbol: 'calendar-check-o ',
        					url: 'https://calendar.google.com/calendar/ical/japroehl%40gmail.com/private-xxx/basic.ics',
        					maximumEntries: 15,
        					timeformat: 'absolute',
        					getrelative: 96,
        					fadepoint: 0.9
        				}
        			]
        		}
        	},
        	{
        		module: 'MMM-WunderGround',
        		header: 'Current Weather in Cornish',
        		position: 'top_center',
        		config: {
        		apikey: '', // private; don't share!
        		pws: 'NH/Cornish', //weather station
        		currentweather: 1,
        		coloricon: true,
        		hourly: 0,
        		fctext: 0,
        		fcdaycount: 0,
        		fcdaystart: 0,
        		hourlyinterval: 0,
        		hourlycount: 0,
        		animationSpeed: 5000,
        		alerttime: 10000,
        		alerttruncatestring: 'english:',
        		roundTmpDecs: 0,
        		UseCardinals: 1,
        		layout: 'vertical',
        		windunits: 'mph',
        		sysstat: 0
        		}
        	},
        	{
        		module: 'MMM-WunderGround',
        			header: 'Forecast for Cornish',
        		position: 'top_right',
        		config: {
        		apikey: '', // private; don't share!
        		pws: 'NH/Cornish', //weather station
        		currentweather: '0',
        		coloricon: true,
        		hourly: 0,
        		fctext: 1,
        		fcdaycount: 7,
        		fcdaystart: 1,
        		hourlyinterval: 6,
        		hourlycount: 0,
        		animationSpeed: 5000,
        		alerttime: 10000,
        		alerttruncatestring: 'english:',
        		roundTmpDecs: 0,
        		UseCardinals: 1,
        		layout: 'vertical',
        		windunits: 'mph',
        		sysstat: 0
        		}
        	},
        	{
        		module: 'newsfeed',
        		position: 'bottom_bar',
        		config: {
        			feeds: [
        				{
        					title: 'New York Times',
        					url: 'http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml'
        				},
        				{
        					title: 'BBC',
        					url: 'http://feeds.bbci.co.uk/news/video_and_audio/news_front_page/rss.xml?edition=uk',
        				},
        				],
        				showSourceTitle: true,
        				showPublishDate: true
        			}	
        	 },
        ]
        

        };

        /*************** DO NOT EDIT THE LINE BELOW ***************/
        if (typeof module !== ‘undefined’) {module.exports = config;}

        J M 2 Replies Last reply Feb 25, 2017, 1:02 AM Reply Quote 0
        • J Offline
          jproehl @jproehl
          last edited by Feb 25, 2017, 1:02 AM

          @jproehl Don’t know why it split the code like that, but is it a sign? I posted all of this as a block of text (file upload wasn’t allowed to my new user). So does this splitting of the text suggest a bad formatting command in either or both files?

          M 1 Reply Last reply Feb 25, 2017, 1:06 AM Reply Quote 0
          • M Offline
            Mykle1 Project Sponsor Module Developer @jproehl
            last edited by Feb 25, 2017, 1:03 AM

            @jproehl said in Throwing down the gauntlet:

            I appended it to my custom.css file. But I don’t see any difference in the MagicMirror view.

            First, close out the body with a }

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

            Create a working config
            How to add modules

            J 2 Replies Last reply Feb 25, 2017, 1:05 AM Reply Quote 0
            • J Offline
              jproehl @Mykle1
              last edited by Feb 25, 2017, 1:05 AM

              @Mykle1 Doesn’t all of that text go within the body? There is a close } at the very end of the custom.css file that closes the body. Is that misplaced?

              M 1 Reply Last reply Feb 25, 2017, 1:09 AM Reply Quote 0
              • M Offline
                Mykle1 Project Sponsor Module Developer @jproehl
                last edited by Mykle1 Feb 25, 2017, 1:07 AM Feb 25, 2017, 1:06 AM

                @jproehl said in Throwing down the gauntlet:

                So does this splitting of the text suggest a bad formatting command in either or both files?

                Nope. Before you paste code, simply put three back ticks It's under your tilde key, then close out the code with three more back ticks

                Create a working config
                How to add modules

                1 Reply Last reply Reply Quote 0
                • M Offline
                  Mykle1 Project Sponsor Module Developer @jproehl
                  last edited by Mykle1 Feb 25, 2017, 1:14 AM Feb 25, 2017, 1:09 AM

                  @jproehl said in Throwing down the gauntlet:

                  Doesn’t all of that text go within the body? There is a close } at the very end of the custom.css file that closes the body. Is that misplaced?

                  No sir, not in this case. css is a bit different than config. That last } in your css is not doing anything. You can remove it. If you fixed the body and save the css file, you should see your changes after relaunching MM

                  Create a working config
                  How to add modules

                  J 2 Replies Last reply Feb 25, 2017, 1:15 AM Reply Quote 0
                  • J Offline
                    jproehl @Mykle1
                    last edited by Feb 25, 2017, 1:15 AM

                    @Mykle1 Okay, thanks! I was way off! I made that change and now I get red text for the high temperature (so that’s progress, yea!!) but all the other stuff is still gray. I must still have some other syntax errors some where. Back to looking at the code …

                    1 Reply Last reply Reply Quote 0
                    • J Offline
                      jproehl @Mykle1
                      last edited by Feb 25, 2017, 1:22 AM

                      @Mykle1 Okay, I got it! I was missing a close bracket in my

                      .MMM-WunderGround .min-temp

                      definition, and fixing that fixed everything!! Even the line of icons in the current weather disappeared!!

                      Thank you so much!

                      M 2 Replies Last reply Feb 25, 2017, 1:23 AM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 8
                      • 9
                      • 3 / 9
                      3 / 9
                      • First post
                        26/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