MMM-WunderGround-PWS-Observations

[Volkae]

@chrisautrey said in MMM-WunderGround-PWS-Observations:

I found the sizing finally, but that line break at the end is still causing problems with follow on modules, even impacting their header if I add one there.

Hey Chris,
I tried to change the font size but nothing changed. Would you tell me how you did it?

Thanks

Volker

[Saabman]

@chrisautrey Sorry for not been very responsive Ive had some significant family priorities to deal with.

@Volkae What have you got and what are you trying to change?

[Volkae]

@Saabman
I managed to change the font size now but I would like to change the distance to the next module.
The next module (weather module) should have a little bit more distance to the Wunderground-PWS-Observations-module. Both modules are at position top_right. I can not find the way to change the module height of one of the modules.

[Saabman]

@Volkae I think the issue may be because it is set to align right line 55 in MMM-WunderGround-PWS-Observations.css

Line 56 gives some left padding of 10px maybe try increasing the padding.
I cant try it myself at the moment my weather station is in the process of being relocated so Im not using Wunderground ATM. Ill try and set some something so I can play with it and try it out.

Im assuming you have the Wuderground module to the left of the weather module.

Im just muddling my way through this CSS process my self. I just play with some values and references and see what happens

[Volkae]

@Saabman
No, the Wunderground module is above the weather module, so I think it cannot be the left padding.
Both have position top_right in the config.js

[Saabman]

@Volkae can you post a screen shot even just a photo of your screen.?

[sdetweil]

@Saabman by using the developers window you can examine the styles and results

https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1679343561716

[Volkae]

@Saabman said in MMM-WunderGround-PWS-Observations:

@Volkae can you post a screen shot even just a photo of your screen.?

Here is a photo…

[sdetweil]

@Volkae may need to override

.module {
  margin-bottom: var(--gap-modules);
}

defaults to 30px

[Volkae]

@sdetweil
sorry Sam, I don 't know where to put the lines.
Absolut beginner…

[sdetweil]

@Volkae all css goes in ~/MagicMirror/css/custom.css

if the file doesn’t exist, create it

[Volkae]

@sdetweil
I put it in my custom.css but it only changes the distance between the upper edge from my MM and the weather module. It does not change the distance between the weather module and the WunderGround-PWS-Observation module.

[sdetweil]

@Volkae hm. makes no sense as it explicitly does the gap between modules

[Volkae]

@sdetweil
/**

• Module styles.
  */

.module {
margin-bottom: 30px;
}