I’ve got 3 modules on the right side of my screen. For some reason the WifiPass word module extends itself to match the width of the measure module even though that means lots of dead space. Any way to force it to use only what it needs?

@ eqpaisley Technically yes. This is my top bar. To do this I made the following changes. in custom.css: /* adjust modules to display side by side */ .MMM-FlipClock, .MMM-Worldclock, .MMM-Multimonth { display: inline-flex; } in config.js I found that I had to have the modules in the same order and next to each other to function: { module: 'MMM-FlipClock', // https://github.com/MarcLandis/MMM-FlipClock position: 'top_bar', config: { seperator: ":", dateFormat: "dddd - LL", displaySeconds: true, }, }, { module: "MMM-Worldclock", // https://github.com/bkeyport/MMM-Worldclock position: "top_bar", config: { offsetTimezone: "UTC", style: "bottom", clocks: [ { title: "Eastern ", timezone: "America/New_York", timeFormat: "hh:mma[ ]Do", }, { title: "Sydney, AU ", timezone: "Australia/Sydney", timeFormat: "hh:mma[ ]Do", }, { title: "World ", timezone: "UTC", timeFormat: "HHmm[ ]Do", }, ] }, }, { module: "MMM-Multimonth", // https://github.com/BKeyport/MMM-Multimonth position: "top_bar", config: { startMonth: -1, // Define when you start from current month (negative is before current, zero is current, positive is in future) monthCount: 3, // How many months to display monthsVertical: false, // Whether to arrange the months vertically (true) or horizontally (false). //repeatWeekdaysVertical: true, // Whether to repeat the week days in each month in vertical mode. Ignored in horizontal mode. weekNumbers: false, // Whether to display the week numbers in front of each week. highlightWeekend: false, startWeek: 0, otherMonths: true, } },

Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you have been placed in read-only mode.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Change default module width

Unsolved Troubleshooting

11 Posts 3 Posters 5.8k Views 3 Watching

E Offline

eqpaisley @BKeyport
last edited by

@BKeyport I was able to solve some of the width wonkiness I was having. Figuring out the CSS is definitely a project, as you say, it costs nothing to backup my custom.css, try something new, the restore the old one if I borked it somehow.
1 Reply Last reply
Reply Quote 0

Enjoying MagicMirror? Please consider a donation!