how to inspect elements in MM

alphanet

Hello ,

I would like to modify css properties of elements in the MMM-CalndarEXT2.

I was wondering if it is possible to inspect elements on the Magic Mirror just like web pages with the development tools I can find in Google Chrome in order to identify elements and add or modify style.

Thank you very much in advance for your help.

sdetweil

@alphanet yes. mm is just a standard web page

see
https://forum.magicmirror.builders/topic/14862/help-with-a-couple-css-issues?_=1678832628135

I recommend moving up to MMM-CalendarExt3, as Ext2 is no longer supported.

the author documents a lot of the css class names you might want to style.

MMRIZE

@alphanet
You can open dev-console with
npm run start:dev
Or you can open it with a shortcut key after launching. (Ctrl+Shift+i or equivalent per OS)

alphanet

@sdetweil

I am grateful for your enlightening message and the added link,

That’s going to be very helpful and intereresting.

And I am going to move to MMM-CalendarExt3.

Many thanks.