Im using a tiny screen and am having issues with positioning and scaling. I just want to use two modules, clock and calendar (and maybe play around in the future with others). Adding config parameters to the module in /MagicMirror/config/config.js :
{
module: "clock",
position: "top_left",
config: {
displaySeconds: "false"
}
},
does not appear to change anything but it does allow me to comment out modules I don’t want to use. In /MagicMirror/modules/default/clock/clock.js I can enable/disable the analog clock and change some format parameters (clockBold: true, for example). I added the following to /MagicMirror/css/custom.css but it had no effect at all:
.clock{
left : 100 px,
top:50 px
}
MagicMirror/css/main.css has settings for a bunch of stuff and allowed me to adjust the margin so its right against the edge of the screen:
body {
margin: -2px;
...
but nothing else regarding positioning for specific modules. I think im close but I havent been able to find anything specific to this problem as most people are happy with positioning/scaling based on the “top-left, bottom-right” regions. Any advice on how to approach this would be greatly appreciated.