Hi there world and builders!
I set up a new RP 4 with the MM. I like to use it with a toutchscreen only (without a mirrorglas in front of it).
Is there anybody who knows a module or something like this?
Whats my goal: put it on the wall and i like to leave a note on it for my girlfriend or a remindertext for later.
The touchscreen has a pencil with it.

Thx and best regarts from germany!
Stay save and healthy!

:rolling_on_the_floor_laughing: :rolling_on_the_floor_laughing: :rolling_on_the_floor_laughing:

it works :face_with_tears_of_joy: :face_with_tears_of_joy:

now i only must to fix the size :vulcan_salute_light_skin_tone:

realy thank you for your fast help!!!

:call_me_hand_medium-light_skin_tone:

nice thx!

.calendar .time {
  padding-left: 30px;
  text-align: right;
  vertical-align: top;
}

.calendar {
 width: 375px;
 font-size: 200px;
 line-height: 40px;
}

i also drop my cofig.js here… maybe thats my fault:

  language: "de",
        timeFormat: 24,
        units: "metric",

        modules: [
                {
                        module: "alert",
                },
                {
                        module: "updatenotification",
                        position: "top_bar"
                },
                {
                        module: "clock",
                        position: "top_left"
                },
                {
                        module: "calendar",
                        header: "Icloud Calender",
                        position: "top_center",
                        config: {
                                calendars: [
                                        {
                                                symbol: "calendar-check-o ",
                                                url:"webcal://pxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
                                        }
                                ]
                        }
                },
                {
                        module: 'MMM-NFL',
                        position: 'left',
                        config: {
                                colored: true
                        }
                },
                {
                        module: 'MMM-NFL',
                        position: 'right',
                        config: {
                                colored: true,
                                focus_on: "NE"
                        }
                },
                {
                        module: "MMM-rain-forecast",
                        position: "top_right",   // see mirror setting for options
                        header: "Gibt es Regen",
                        config: {
                                lat: xxxx,
                                lon: xxxxx,
                                pleaseWait: "Bitte warten",
                                noRainText: "Bis %s kein Regen",
                                fillColour: '#0074d9'   // This is a blue color you can also use blue, cyan etc
                        }
                },
                {
                        module: 'mmm-moon-phases',
                        header: 'Aktuelle Mondphase',   // optionally you can add a header to this block
                        position: 'bottom_right',        // this can be any of the regions
                        config: {
                        }
                },
                {
                        module: "weatherforecast",

:/ hmmmm ok i add the lines…
then change the px… and restart and it still looks like the same… thats crazy…

ok… i fixed the clock with the main.css… changing the font-size for xlarge and it fits nice… but the calendar is still as smal as before…
here my custom.css again:

 }
.calendar .symbol {
  padding-left: 0;
  padding-right: 10px;
  font-size: 100%;
  vertical-align: top;
}

.calendar .symbol span {
  display: inline-block;
  -ms-transform: translate(0, 2px); /* IE 9 */
  -webkit-transform: translate(0, 2px); /* Safari */
  transform: translate(0, 2px);
}

.calendar .title {
  padding-left: 0;
  padding-right: 0;
}

.calendar .time {
  padding-left: 30px;
  text-align: right;
  vertical-align: top;
}

.calendar {
 width: 375px
}

with the command

.calendar {
width: 375px
} (see above)

nothing is happen to the size of it. still i miss a .class add?

greetz

Great thanks for reply!!!
I’ll try it in the evening and hope it fits :)

THX justjim1220

Hi there builders!
I build up my MM and try to install some modules.
After all i get it to run the modules and placed them in the righ space of the mirror.
I also read the CSS tut and read all the topics in the CSS Blog… but there is a hole in my head and i can’t understand what’s wrong in my custom.css file…

I try some ways to change font size of my calendar that is pointed on the top center.
I like to show up it a little bit bigger.
and second prob is… if I change the font size of my clock it clips into my date… is there a line i forgot to @?
So what`s my fault? Sorry but i don’t get it :(

Thats my custom.css file and my screen

.body {

}
.clock .time {
                      font-size 60px;
                      color: blue; 
}
.clock .date {
                     font-size: 30px          
.calendar {
                 font-size: 200px
}

greetz from germany