Throwing down the gauntlet

strawberry 3.141

if someone wants to achieve the same, actually there is the module wunderground twice (center and right), but once the forecast and the other time the current weather is hidden

.region.top.center .MMM-WunderGround table.small, //selector for forecast
.region.top.right .MMM-WunderGround table:not(.small), //selector for current weather
.region.top.right .MMM-WunderGround table.small td:nth-child(6) { //selector for rain amount
  display:none;
}

Mykle1

@strawberry-3.141 said in Throwing down the gauntlet:

if someone wants to achieve the same, actually there is the module wunderground twice (center and right), but once the forecast and the other time the current weather is hidden

The dude makes it sound so simple.

You’re awesome! Take the day off. I promise, I won’t post any questions today. :smiley:

lolobyte

@strawberry-3.141

Hi, @strawberry-3-141 , i’m missing something in your code.

Where is the second curved bracket? Is somewhere more code?

strawberry 3.141

@lolobyte no that’s all, you can combine selectors with a comma. the open bracket is in line 3 and the closing bracket in line 5

it’s the short form for

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

lolobyte

@strawberry-3.141

… and all for custom css i think!

jproehl

Hi:

Newbie here: I really like the design layout you’ve come up with - Kudos! However, can’t make heads or tails out of exactly what code I put where? Are the lines you list placed in config.js or in custom.css? If possible, can you post the part of your config.js and/or custom.css files (with appid and any other personal info erased, of course) that gives this display?

Thanks!
jproehl

strawberry 3.141

@jproehl all I posted here goes into the custom.css file

jproehl

@strawberry-3.141 What do you put into your config.js file?

Mykle1

@jproehl said in Throwing down the gauntlet:

I really like the design layout you’ve come up with - Kudos!

Thanks! It’s just how I pictured it, but it only happened through the goodwill of Strawberry 3.141

jproehl

@Mykle1 and/or @strawberry-3.141: I’m still having problems getting things to look like Mykle’s. If I just put those 9 lines in my custom.css file and have no reference to the MMM-WunderGround module in my config.js file, I get nothing displayed for my weather info. Does this mean that the custom.css file isn’t being read? Do I have to place my custom.css file somewhere other than pi/MagicMirror/css/?

When I add references to the MMM-WunderGround module in config.js, I get the weather info, but I do not get the format you have. Presumably the parameters set in the module reference override the custom.css info in some way.

That’s why I was wondering what you have in your config.js file to initiate the MMM-WunderGround module.