Posts made by atltiger81

@atltiger81 I finally figured this out. Here’s the solution to reduce the font size of the compliments module without the letters of text jamming together. Using custom.css to override the “xlarge” font to a smaller px size as suggested above won’t work. The xlarge font character spacing distorts more and more the smaller the specified size. You need to change the font in the compliments.js file itself from xlarge to medium or small (whichever size you prefer). Here’s the specific line of code in that file to edit (line 144 as viewed on github, or thereabouts):

wrapper.className = this.config.classes ? this.config.classes : "thin xlarge bright pre-line";

@sdetweil for anyone else looking for the specific solution to hide weather alerts, here it is:

if you want the summary but not the alerts, you can hide them in your custom css as follows:

.MMM-OpenWeatherForecast .weather-alert {
  display: none;
}

source: https://forum.magicmirror.builders/topic/14717/mmm-openweatherforecast-replacement-for-mmm-darkskyforecast/34

The problem is that these warnings that occur in the “current conditions” top section push my daily forecast off the screen bottom.
Example screenshots:
https://ibb.co/CVM6hvw
https://ibb.co/yQZbpD4

@sdetweil Hi - I’m sorry, I’m not able to understand your reply. Could you please clarify what you meant?
Am I able to adjust which days are shown in the daily forecast? I’m running this on a small screen, and unfortunately don’t have room to show both daily and hourly tiles.

I’m hoping that if today is Monday, the first day of the daily forecast shown can be Monday instead of Tuesday.
Can this be done?
I understand that I can show “Current Conditions”, but that doesn’t show % chance of precipitation today - only today’s precipitation in inches thus far.
And showing hourly takes up too much room.
Thanks for the help.

@sdetweil
I don’t know how the character spacing is being modified, since my only code in custom.css is:

.compliments .xlarge {
  font-size: 30px;
  margin.bottom: -35px;
}

From your suggestion, I checked main.css and it shows the font sizes as:
font-size: 20px;
font-size-xsmall: 0.75rem;
font-size-small: 1rem;
font-size-medium: 1.5rem;
font-size-large: 3.25rem;
font-size-xlarge: 3.75rem;

I haven’t modified anything else. The only modules I’m running are MMM-OpenWeatherForecast, clock, and compliments. Anything else I can check?

I reduced the font size of the Compliments module in custom.css, which was straight forward. But the smaller the font size, the more the individual letters overlap. At 30px, every letter is jammed together and touching, and at 20px they’re overlapping and almost unreadable.
I’ve tried changing to various different fonts, but they all behave the same as font size decreases. I’ve searched this forum and everywhere for a solution, but have not seen this problem mentioned. There are modules currently running in my MM with much smaller fonts natively that all look fine, so I’m perplexed about the cause and how to resolve.