@mopedmann
Hi, the Css-Switcher is really the more comfortable way to do the change!
but, you don’t learn the basics of coding ;-)
Anyway, good to hear that it works in both ways.
Greetings Foxy
@Egnos yes, you could mske it smaller. just fiddle w the css and change staryip size in config.js
electronOptions:{ fullscreen:false , x, y, height …}
aee the.options for the electron browser api
@dcarls91 i think you could override the regions sizings in custom.css
this is whats in main.css for the center
.region.third,
.region.middle.center {
width: 100%;
text-align: center;
transform: translateY(-50%);
}
.region.upper.third {
top: 33%;
}
.region.middle.center {
top: 50%;
}
.region.lower.third {
top: 66%;
}
and index.html (spaces after < because the viewer here does some funny stuff)
< div class="region upper third">< div class="container">< /div>< /div>
< div class="region middle center">< div class="container">< /div>< /div>
< div class="region lower third">< div class="container"><br/>< /div>< /div>
so, if u make upper a little smaller and middle a little bigger… it might work out
@ShuraimHassan said in is custom.css only for default modules?:
could you show me an Example that how Can I do this?
do what? make a module, add a css style to an element?
I don’t know ‘responsive’. currently main.css is in pixels for 1920x1080.
I have a version I converted to vh/vw.
3rd party. mm supplies font_awesome.
(see the fonts folder)
other than that every module can use whatever they want. no restrictions.
@sdetweil said in How to write and test CSS without going crazy..:
if u install winscp or bitvise ssh client on your PC, then u can double click edit files on your pi, just like u do on windows
If anyone is looking at this issue in the future and trying to do this on Mac see here: https://www.raspberrypi.org/documentation/remote-access/ssh/sshfs.md
I am working on using MM as a family calendar using the 1080p monitor in portrait mode. I am using MMM-CalendarExt2 and have the main large calendar positioned at “fullscreen_below”. Then I have a daily view at position “top_left”. I would like to see as many daily event entries as possible, however it will overlap if there are too many. Currently I am setting the slotCount as 4 to overcome this but there are many days where there is so much unused space that could be filled with additional daily events.
Is there a way in CSS to change the .region.top.left to force a static size and prevent it from overlapping the content below? I tried the following in custom.css but this doesn’t work and I am limited in my knowledge with css and such things but would like to find a solution to it.
body {
}
.region.top.left {
height: 500px;
max-height: 500px;
}
