Throwing down the gauntlet

jproehl

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

jproehl

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

Mykle1

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

jproehl

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

Mykle1

@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

Mykle1

@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

jproehl

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

jproehl

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

Mykle1

@jproehl said in Throwing down the gauntlet:

and fixing that fixed everything!! Even the line of icons in the current weather disappeared!!
Thank you so much!

Glad to be of service. I’m just paying back Strawberry’s kindness to me by helping

jproehl

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