Large content on MMM-pages

yeleek

Hi,
I am using MMM-pages and MMM-page-indicator. I’d like on one of my pages the calendar to be larger than just one third. Ideally the calendar would take up the Upper, Middle and Lower third.

How can i do this please? Is it custom.css? or is the change more fundamental than that?

Thanks in advance

sdetweil

@yeleek you have to have another instance for that ‘page’ , even with the same config. but then its custom.css

u can also use the identifier as a css selector

to get the indentifier, look in the developer window, elements tab…
https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1625967557753

note that there are not different ‘pages’ inside MM… just modules showing and not…

the identifier is set by the order in which the modules are processed in config.js top to bottom…

so the indentifier will stay the same as long as u change config.js below the selected module…

DJBOOB66

If you’re saying cal on full screen and you’re using CalendarExt all I think I did was make a copy of MMM-CalendarExt2.css rename it as backup (just in case things don’t work) go into MMM-CalendarExt2.css file find

.CX2 .view { /* normal view */
  width:250%;
  display:flex;
  min-width:300px;

and change width my 250%
You may need to just adjust also

.CX2 { /* default values which are used frequently or dependently */
  --row-min-width: 100px;
  --row-max-width: 1000px;
  --column-min-width: 50px;
  --column-max-width: 600px;
  --font-size: 16px;

and have it in

position: "top_left",

sdetweil

@djboob66 he only wants on ONE ‘page’ of the MMM-Pages presentation
regular size on others

sdetweil

@djboob66 said in Large content on MMM-pages:

I did was make a copy of MMM-CalendarExt2.css rename it as backup (just in case things don’t work) go into MMM-CalendarExt2.css file find

also, the design of the system is that you NEVER edit the module supplied files…
for CSS u put the entries in the custom.css file

the design is

custom.css first
module supplied css
main.css last

use the 1st found

yeleek

Many thanks guys. Will take a look.