@bluepgt possibly… MagicMirror UI is all browser… we don’t control any of it.

that said, we don’t generally have mouse active (on wall output view)
but you could extend and try

use the developers window elements tab
see the second link in my signature below

@DDE12 make the icon 1.5em
then you need to size the div the spans are in

@sdetweil
Wow, Thanks, I finally figured out what you have been trying to tell me.
Found the wording to make it big enough to read now…
\Thanks for you help Sam…

@sharkbait awesome. You can use it on every module

@NotMyCircus

as an example with css changes I did this in about 20 minutes
config

{ module: "MMM-CalendarExt3", position: "middle_center", disabled: false, config: { mode: "week", weeksInView:2, firstDayOfWeek: "1", fontSize:'30px', headerWeekDayOptions: { weekday: 'narrow' // this makes the weekday 1 characater wide }, } }

css

.CX3 .cw { display: none !important; } .CX3.bodice { background:linear-gradient( blue,lightblue); } .CX3 .cell { background: transparent; border: transparent; } .CX3 .cell.today { border: transparent; } .CX3 .cellDate { margin-right: 20px; } .CX3 .cellHeader .cellDate span.dateParts.month.seq_0 { display: none; }

Screenshot at 2024-09-01 20-08-23.png

@sdetweil

Ok
Now I understand.
The 2 variables must be set in the configuration of each news.
Now it is corrected and works.
Thank you very much.

@sdetweil

Thank you for the help Sam.
You are the man…

@BKeyport awesome

@MMRIZE @sdetweil thanks for the help. I havent had a chance to play around with it on my set up but looks to be going in the right direction!

@pritikin71 classes goes after module:

right?

{ module : " calendar", classes:"foo", config: { . . . } }

css

.foo ..... { (NOT .weather) ... }

you can ALSO use the ID value assigned to the module
the selector for id is

#id ... { ... }

I use this cheatsheet to help me remember
https://www.w3schools.com/cssref/css_selectors.php

everthing before the {
is called the selector clause… because is ‘selects’ the elements of the page doc, that the stuff INSIDE the {} will be applied to

. = class # = id : is the prefix for special elements [ x ] means element with an attribute of x <div x="foo"/> nothing = tag name (table, ul, li, p, ....div)

Hi, maybe the best way is using zoom functionality because,any logos will not follow the font size

in custom css try this:

#CARBURANTS { zoom: 120%; }

@atltiger81 no, don’t change the code

just add a classes property to the compliments module config

{ module:"compliments", position:"....", config: { compliments: { ... ... }, classes:".......... whatever" } }

from the doc
1000026352.jpg

@TazDev Thanks! This is exactly what I needed to change my MagicMirror so it displays Aurabesh for some of the data.

@sdetweil YES!!!

Thank you so much! This is exactly what I wanted. <chef’s kiss>

Thanks @MMRIZE and @karsten13 !

I have tried following your instructions but it didn’t help.
I figured out it’s hidden in the modules css-file. I should have thought about that beforehand.
When I change the font as suggested by @MMRIZE to set as

font-family: 'Open Sans Condensed', 'Noto Sans KR';

It works now.

Thanks guys!
Case closed!

@Hanimani the easy solution is to use the browser on the system you are on.
when you get it right, restart mm where it is running

config.js

address:"0.0.0.0", // listen for connections on all network interfaces ipWhitelist:[], // dont restrict source systems wanting to access mm

if you are using windows as your keyboard system, you can use winscp or bitvise ssh clients to provide the ssh window AND a file manzger view of the mm system. then you can double click a file to edit it directly on your pc, save puts it back on the mm syste. i use notepad++ as my windows editor for mm files

@svenpisa just put your complete root definition in custom.css

git checkout css/main.css

to restore the original main.css

@MMRIZE said

It needs some tricks. ;)

thank you :raising_hands:

this module has not been designed for this. So I can’t help about it.
I recommend hiding empty cells to save some unnecessary (empty) lines.

understood

even though I hate this kind of looks…
But… Is it really useful or pretty?

boom!
what my wife wants, my wife gets lol
(happy wife = happy life

Anyway Yes, everything is possible…

I’m satisfied!
I appreciate your assistance… you’ve inspired me to learn more