You could play around with css

maybe something like this :

.clock .date {
position: relative;
top: 100px;
}

(add this to the custom.css not the main.css)

Mmm-syslog is also a good basis for building a custom http get module. I’m using that to activate/deactivate the monitor from my Hubitat Elevation.

Lookin at your config you have set that it should ignore headlines that are older than what, 4.5 minutes?
Change the ignoreOlderThan: to at least the default 1 day which is 86400000

What is the limit for old headlines and does your newsfeed have actual current headlines? (i.e are there headlines newer than the set time limit)

@Stoffbeuteluwe

the first number is the horisontal spacing < — >
The second is vertical.

so just change the 0px to say 20px and you will have more seperation between them.

try using https://forum.magicmirror.builders/topic/1402/mmm-profileswitcher-a-profile-user-layout-switching-module

just make a profile with no modules displayed.

@Stoffbeuteluwe

add

.weatherforecast table {
  border-spacing: 0px 10px;
}

To your custom.css

@JonoGee

Okey,
I see your problem.

You have put the .module.currentweather{} within the body{ }

Just remove the first line body { and the lonely } before .module.MMM-PushBulletNotifications {

Then it will work just fine.

And btw, You have a lot of stray }-brackets remove them aswell

Show us your css code that you are trying to use

@JonoGee said in How add transparent background to modules:

I have tried this format …

.module.calendar {
  background-color:rgba(0,0,0,0.6);
  border-radius:8px;
  padding:8px;
}

and it works perfect for most modules but simply will not work for currentweather, weatherforecast or compliments?
Any ideas folks?

You know what, @evroom s solution might just work.

Tried it and it isn’t half bad, it gets blurry, but not overly so. (disclaimer, tried this on a 24" 1440p display)

body {
transform: rotate(0.2deg);
transform-origin: top left;
}

@costascontis said in default clock size?:

@broberg thnx mate,but if i use transform: scale all the module goes left and off screen like this:

Ahh, okey

add

transform-origin: top left;

under transform: scale

Or to change font sizes.

.clock .time {
 font-size: 100px;
}

.clock .date {
 font-size: 30px;
}

@costascontis

try adding this to your custom.css file

.clock {
transform: scale(1.2);
}

Or if you want more control you could change the font size itself, but the above will scale the entire module.

@alborzs it probably is possible, but it will look terrible, if not blurry it will create artifacts.

Hi, the question has been up before,
So, the touch films/foils available usually doesn’t work with the mirrors out there.

But by accident I noticed that Displax actually sells two way mirrors with a built in touch-layer.

I have no pricing but they probably aren’t cheap.

But atleast there is an option out there.

https://displax.com/multitouch-mirror/

add

.currentweather .weathericon {
letter-spacing: -10px;
}

to your custom.css, adjust the spacing 'til you’re satisfied.

@sdetweil okey! so it does

@bokow ok

If it’s the default weather module then the icons are fetched from the openweathermap api I suppose

Wx module?

@sdetweil said in Finding module classes:

and color is lowercase

It’s good practice, but css doesn’t care about upper/lowercase

the classes can be found either by checking the “inspector” with your browser or in the modules .js-file

the “12 hours ago” uses the class “dimmed” that decides the color of that section.
So

.newsfeed .dimmed {color: yellow}