MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. jproehl
    3. Posts
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    Offline
    • Profile
    • Following 0
    • Followers 0
    • Topics 2
    • Posts 26
    • Groups 0

    Posts

    Recent Best Controversial
    • RE: Throwing down the gauntlet

      @broberg Okay, I’ll poke around in the codes. Thanks!

      posted in Troubleshooting
      jproehlJ
      jproehl
    • RE: Throwing down the gauntlet

      @strawberry-3.141 Hi: Can you point me to a reference where I can learn how to determine the precise terms to use for doing this? For example, how do you determine that “div.light.small.dimmed” was the proper parameter to enter to change the text I was after?

      posted in Troubleshooting
      jproehlJ
      jproehl
    • RE: Throwing down the gauntlet

      @strawberry-3.141 said in Throwing down the gauntlet:

      .newsfeed div.light.small.dimmed {
      color: #e54a1b;
      font-size: 9px;
      }
      Great, works like a charm! Thanks again!

      posted in Troubleshooting
      jproehlJ
      jproehl
    • RE: Throwing down the gauntlet

      @Mykle1 Have at it! FYI: the one I can’t get to work is the .newsfeed .title I still get small letters in gray for “New York Times” and “BBC”. If I go into the main.css and change the color/size for “small” text, that works but hear that isn’t recommended since it will disappear if I update MagicMirror.

      posted in Troubleshooting
      jproehlJ
      jproehl
    • RE: Throwing down the gauntlet

      @Mykle1 Well, I applaud your efforts (it’s getting rarer in this messed up country) … I hope someday to figure this stuff out to a point where I can help another newbie. Thanks again!

      posted in Troubleshooting
      jproehlJ
      jproehl
    • RE: Throwing down the gauntlet

      @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!

      posted in Troubleshooting
      jproehlJ
      jproehl
    • RE: Throwing down the gauntlet

      @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 …

      posted in Troubleshooting
      jproehlJ
      jproehl
    • RE: Throwing down the gauntlet

      @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?

      posted in Troubleshooting
      jproehlJ
      jproehl
    • RE: Throwing down the gauntlet

      @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?

      posted in Troubleshooting
      jproehlJ
      jproehl
    • RE: Throwing down the gauntlet

      @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;}

      posted in Troubleshooting
      jproehlJ
      jproehl
    • 1 / 1