Throwing down the gauntlet

Mykle1

@jproehl said in Throwing down the gauntlet:

I do not get any color changes like you have in the forecast at the upper right. Did you have to change something else to get those?

This goes in your custom.css file for the coloring that I have. You can change the colors to your liking

.MMM-WunderGround .max-temp {
  color: #f66;
}

.MMM-WunderGround .min-temp {
  color: #0ff;
}

.MMM-WunderGround .weather-icon {
  color: #f93;
}

.MMM-WunderGround .day {
  color: #6f6;
}

jproehl

@Mykle1 and/or @strawberry-3.141:

Great, thanks for the color update, I’ll try that in a minute.

As for the current weather, I’ve been looking at the web page for MMM-WunderGround extensively. I don’t think all the changes I made to your current weather module call to WWW-WunderGround in your config.js were necessary, but I thought I should try to shut off ALL parameters that were possibly related to the forecast to see if I could get rid of that last line of header symbols used for the forecast. None did, because I still have those 3 icons (max thermometer, min thermometer and the umbrella) right below the current conditions icon and current temperature.

Mykle1

@jproehl

Ok, well that is beyond me but I’ll go out on a limb here and say that Strawberry will be able to help you with that. That’s a custom.css thing and I do believe he is the resident expert. When he does fix it for you (because I am sure that he will) be sure to post the css entry so that I can see how it looks on mine. Right now, I sorta like the little icons

jproehl

@Mykle1 and/or @strawberry-3-141:
I suspect that Strawberry will straighten me out on this.Those additions to custom.css do not change my font colors. I wonder if I have an error somewhere that is interfering with the proper loading of the custom.css file. When I start the display, I see a flash of text, which I think lists node.js, that disappears very fast that might be an error message. But since it’s so fast I can’t tell.

Mykle1

@jproehl

Alright, I’ll check back in here to see how you make out. I’m interested in the outcome. I’m off to dinner right now

strawberry 3.141

@jproehl

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

Mykle1

@strawberry-3.141

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

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