Throwing down the gauntlet

[Mykle1]

@jbeck615 said in Throwing down the gauntlet:

yep on the same page now! ill stop messing with the js files in each modules folder. thanks

You’re welcome. I did it too, at first

[jproehl]

@jbeck615 The custom.css file is in the css directory in /pi/MagicMirror not within each module directory.

[jbeck615]

@jproehl yep i am aligned after getting that clarification earlier. HUGE thanks

[jbeck615]

@Mykle1 quick question, at the bottom of the css coding above, what does “selector” mean? thanks again!

[strawberry 3.141]

@jbeck615 it’s kind of a query to which elements you want a css rule to be applied

[cyberphox]

Almost accomplished this look today. Got some duplicate weather showing up I’m sure I can fix. The main problem I’m having is: No Realistic icons for weather at all. :(

[Mykle1]

@cyberphox said in Throwing down the gauntlet:

Almost accomplished this look today. Got some duplicate weather showing up I’m sure I can fix. The main problem I’m having is: No Realistic icons for weather at all.

Are you using WunderGround weather? If so, make sure you have coloricon: true, in your config. Like this.

module: 'MMM-WunderGround', // Just for current weather
    			position: 'top_center',
    			config: {
        		apikey: 'YOUR API KEY', // private; don't share!
        		pws: 'pws:KNYNEWYO103', // Richmondtown Weather Station - Very Cool
			currentweather: 1,
        		coloricon: true,
			animationSpeed: 5000,
    			roundTmpDecs: 0,
    			UseCardinals: 1,
			windunits: "mph", // bft or mph

[cyberphox]

@Mykle1 Definitely using WunderGround…got the colors changed and have coloricon: true…gonna go double check it again! lol

[cyberphox]

@Mykle1 ok so turns out all this time I was using an older WunderGround module. Once I did a git pull and updated - bam - there were the realistic icons!

Now I have to play with widths! how did you manage to fit your calendar, date/weather, and weather forecast all along the top! LOL

[Mykle1]

@cyberphox said in Throwing down the gauntlet:

@Mykle1 ok so turns out all this time I was using an older WunderGround module. Once I did a git pull and updated - bam - there were the realistic icons!

Yup, that’ll do it. You won’t forget that ever again, will ya? ;-)

Now I have to play with widths! how did you manage to fit your calendar, date/weather, and weather forecast all along the top! LOL

in custom.css

body {
  margin: 20px; /* This made the entire screen have a 20px border. Thanks to Strawberry-3.141  */
  height: calc(100% - 40px);
  width: calc(100% - 40px);
}

That gives you a margin of only 20pixels around the entire screen. You can go even closer but I didn’t want anything too close to the edge. That’s enough to gain you some more real estate. Also, I have my monitor set to its highest resolution. You might want to try that.
Then I simply put calendar in top_left, date and weather both top_middle and weather forecast top_right.