Is there a way to set the default code editor in Pi OS? A couple come pre-loaded and I use VS Code. I’d like to set that so it isn’t multiple choice each time.

@doppelganger It isn’t really that bad.
Unfortunately that was an early Fathers Day gift and now at fathers, so I can’t show the exact configuration .

But for instance, the below gives you shadows and radiused corners. I just copied from the CSS on @Piranha1605 Black Boxes example and dropped it in my custom.css file.
Just delete modules you don’t have, add ones you do have.
For me that meant deleting newsfeed, compliments and both the weatherforecast and currentweather since the weather module takes place of current and forecast.

/**

• module.color_border_shadow
  */
  .module.clock,
  .module.calendar,
  .module.newsfeed,
  .module.weatherforecast,
  .module.currentweather,
  .module.compliments {
  padding:8px;
  border-radius: 10px;
  box-shadow: 0 2em 6em #000;
  background: transparent;
  }

So mine is:
module.clock
module.calendar
module.weather
module.MMM-SmartWebDisplay {
padding:8px;
border-radius: 15px;
box-shadow: 0 2em 6em #000;
background: transparent;
}

The iFrame was a roll of dice on my part but it worked with no problems

I increased border-radius: to 15px (I think) but may be 12px and got more of a radius than in the original example.

I copy/pasted his header from the #3 example neomorphism to get the headers on the weather and calendar to get shadowed look. Clock has no header so no effect.

@doppelganger @doppelganger I copy/pasted several CSS items courtesy of @Piranha1605 in the Custom CSS Showcase
Located in Custom CSS here–> css-experiments-for-newbies
Modules are default weather and clock modules. Radar is an iFrame module, MMM-SmartWebDisplay courtesy @AgP42
Deleted a bunch of the preloaded modules in a fresh MM2 install as it is a jumbled up mess with stuff piled on top of each other with default sizes that won’t work on 7" Pi screen.
After doing what amounted to copy/paste of sections of CSS in either dark or light theme ( don’t recall which but they are approx. same other than color) then started swapping out color codes to see what was appealing to me. Pulling up a hex color picker site will provide hex codes to experiment with.
Biggest challenge was having to adjust font sizes, padding, height x width of iFrame primarily to get everything to fit.
Some folks not a fan of VNC that comes with Pi OS but I find it invaluable when working on GUI stuff like this.

@sdetweil I did use your script.

Took a little tweaking but here is 7" monitor and Pi in a combo case/stand. Should work well.

When I save the config file the MM reloads in fullscreen mode and my past MM builds did not do this.
How do I stop this? I like to save my work periodically and having to go through the toggle fullscreen every time I click save is annoying.

@harney That pictured MM is :thumbs_up: :thumbs_up:
Thank You.

How small a monitor can one use as MM display? I’ve built a couple using larger monitors so I understand process but wondering if you run in to problems below a certain size.
I have an all-in-one Pi and 7" screen and wondering if I could do some sort of bedside display.

I have two iFrames and I need to set z-index so one overlaps and hides a portion of the other iFrame. Is that something I do in config.js or custom.css. Both iFrames are there, functioning fine but the css for that module is minimal and I need to flip which one lays over the other. I’ve tried changing the order in which they are positioned in the config.js file and it makes no difference.

Some of the modules you need to customize things like width and or height in the custom.css file to override the default css settings for that module.
Using the Developer Tools in the view option can help to visualize where the problem or fix may be.